在Chrome中啓用提交按鈕

在HTML中啓用表單提交按鈕的正確方法是什麼？我的表單目前已被Chrome禁用，我需要啓用它。在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中也以某種方式被禁用。這裏發生了什麼？我從來沒有遇到這種形式的問題。

謝謝！

來源

2012-10-01 Rob Myrick

「button」css類是什麼樣的？ – Tyanna

做一個快速測試，它似乎不是任何的CSS類或ID。我會先刪除這個腳本：''，看它是否修復了未提交問題。 – Kovo

Kovo，你能否更新你的正式答案。我會投票 - 我看到.js文件包含禁用的功能。謝謝！ –

默認情況下，它始終處於啓用狀態。您是否將此提交按鈕放在<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-01 22:43:13 Kovo

是的，它是放置在本網站標題中的Mailchimp表單。 http://www.endingpovertytogether.org。 –

我不明白如何解決。謝謝！你介意提供這種解決方案嗎？ –

好的.....我提供了代碼。你能看看嗎？謝謝 –

它是否在<form>標記內？這可能導致提交按鈕被禁用。沒有什麼可提交的。

來源

2012-10-01 22:45:14 earl3s

可以在標記禁用提交按鈕（以使其能夠簡單地刪除該屬性）：

<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-01 22:45:33

在endingpovertytogether.org代碼：

<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");

在

<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;"function mc_beforeForm()

來源

2012-10-01 22:49:40 Koerr

我不應該發佈。我編輯我的代碼，我仍然有同樣的問題。 –

它在腳本文件中：'' – Koerr

Zenofo，你可以發佈這個答案。它現在在工作，現在我正在處理Wordpress着名的「Cheatin HuH？」。信息。 –

在Chrome中啓用提交按鈕

回答

相關問題