Chrome에서 제출 버튼 사용

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

<form> 태그 안에 있습니까? 그러면 제출 버튼이 사용 중지 될 수 있습니다. 제출할 것이 없습니다.

Answer 3

당신은 마크 업에 제출 버튼을 비활성화 할 수 있습니다 (단순히 속성을 제거 할 수 있도록) :

<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 요소를 사용 중지하도록 설정했는지 여부를 확인하십시오. endingpovertytogether.org의 코드에서

Answer 4

:

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