1

在 HTML 中启用表单提交按钮的正确方法是什么？我的表单目前已被 Chrome 禁用，我需要启用它。

<div style="width:250px; float:left">
   <aside id="mailchimpsf_widget-2" class="widget widget_mailchimpsf_widget"><div class="widget-inner"> 

<div id="mc_signup">
<form method="post" action="#mc_signup" id="mc_signup_form">
    <input type="hidden" id="mc_submit_type" name="mc_submit_type" value="html" />
    <input type="hidden" name="mcsf_action" value="mc_submit_signup_form" />
    <input type="hidden" id="_mc_submit_signup_form_nonce" name="_mc_submit_signup_form_nonce" value="d0bc38cc04" />        

<div class="mc_form_inside">
    <div class="updated" id="mc_message"></div><!-- /mc_message -->


<div class="mc_merge_var">
<label for="mc_mv_EMAIL" class="mc_var_label">Email Address</label>
<input type="text" size="18" value="" name="mc_mv_EMAIL" id="mc_mv_EMAIL" class="mc_input"/>
</div><!-- /mc_merge_var -->

    <div class="mc_signup_submit">
        <input type="submit" name="mc_signup_submit" id="mc_signup_submit" value="Keep Me Updated!" class="button" />
    </div><!-- /mc_signup_submit -->

</div><!-- /mc_form_inside -->
</form><!-- /mc_signup_form -->
</div><!-- /mc_signup_container -->
</div></aside>
            </div> <!--Left Floated Div-->

此按钮在 IE9 中也以某种方式被禁用。这里发生了什么？我从来没有遇到过表单的这个问题。

谢谢！

4

4 回答 4

2

默认情况下，它始终处于启用状态。您是否将此提交按钮放在<form>标签内？

您很可能在页面上有其他东西干扰了您的提交按钮。

做一个快速测试，似乎它不是任何 css 类或 id。

我会先删除这个脚本：<script type='text/javascript' src='http://www.endingpovertytogether.org/wp-content/plugins/mailchimp/js/mailch‌​imp.js?ver=1.2.10'></script>，看看它是否解决了不提交问题。

于 2012-10-01T22:43:13.080 回答
1

In endingpovertytogether.org's code:

<form method="post" action="#mc_signup" id="mc_signup_form" onSubmit="document.getElementById('submit').disabled=true;">
..
<input type="submit" name="mc_signup_submit" id="mc_signup_submit" value="Keep Me Updated!" class="button" />
</form>

Remove onSubmit="document.getElementById('submit').disabled=true;" in tag from

It's in script file:

<script type='text/javascript' src='http://www.endingpovertytogether.org/wp-content/plugins/mailchimp/js/mailch‌​imp.js?ver=1.2.10'></script>

Remove:

$('#mc_signup_submit').attr("disabled","disabled");

In function mc_beforeForm()

于 2012-10-01T22:49:40.267 回答
1

您可以禁用标记中的提交按钮（启用它只需删除属性）：

<input type="button" id="my-button" value="Button" disabled="disabled" />

或者您可以在脚本中执行此操作：

// disable
document.getElementById("my-button").setAttribute("disabled", "disabled");

//enable
document.getElementById("my-button").removeAttribute("disabled");

但是，默认情况下始终启用 html 元素，因此请检查您是否有任何脚本将input元素的子元素设置为禁用。

于 2012-10-01T22:45:33.390 回答
0

它在<form>标签内吗？这可能会导致提交按钮被禁用。没有什么可以提交的。

于 2012-10-01T22:45:14.827 回答