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

マークアップで送信ボタンを無効にできます (有効にするには、属性を削除するだけです)。

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

inputただし、html 要素はデフォルトで常に有効になっているため、要素の子を無効に設定するスクリプトがあるかどうかを確認してください。

于 2012-10-01T22:45:33.390 に答える
1

povertytogether.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()

于 2012-10-01T22:49:40.267 に答える
0

<form>タグ内ですか?これにより、送信ボタンが無効になる可能性があります。提出するものはありません。

于 2012-10-01T22:45:14.827 に答える