Question

在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中也以某种方式被禁用。这里发生了什么？我从未遇到过表格问题。

谢谢！

Answer 1

默认情况下，始终启用它。您是否将此提交按钮放在<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>，看看它是否修复了无提交问题。

Answer 2

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

<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元素的子元素设置为禁用。

Answer 3

在endingpovertytogether.org的代码中：

<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>

从

中删除标记中的onSubmit="document.getElementById('submit').disabled=true;"

它在脚本文件中：

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

卸下：

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

在function mc_beforeForm()

Answer 4

是否在<form>标记内？这可能导致提交按钮被禁用。没有什么可以提交的。

在Chrome中启用提交按钮

4 个答案: