버튼을 클릭하고

Question

나는 당신의 도움이 필요하세요 해제 ​​버튼 양식을 제출, 내가 클릭의 버튼을 비활성화하고 이것은이다이 나는 fuction를 호출 내 버튼의 코드

  {{ form_start(form, {'attr': {'id': 'myForm'}}) }} 

        //....... NOT important 

       {{ form_rest(form) }} 

       <button class="btn-large waves-effect waves-light fullwidth" type="submit" id="monBttn" onclick="myFunction()" name="action" 
         value="{{ 'registration.submit'|trans({}, 'FOSUserBundle') }}"> 
        <i class="material-icons left">save</i> 
        Enregistrer 
       </button> 
      {{ form_end(form) }} 

내 양식을 제출하려면 코드

<script> 
    function myFunction() { 
     buttn = document.getElementById("monBttn"); 
     document.getElementById("myForm").submit(); 
     buttn.setAttribute('disabled','disabled'); 
    } 
</script> 

버튼을 작동하지 않습니다 내 스크립트가 비활성화되어 있지만 미리 :)

Answer 1

나는 하나의 데모를 만들 수 있습니다. 잘 작동합니다.

HTML

<form> 
    <input type="submit" value="submit" id="submit"> 
</form> 

SCRIPT

$(function(){ 
     document.getElementById("submit").onclick = function() { 
      this.disabled = true; 
     } 
    }); 

Answer 2

사용

0의 값을 감사를 제출 does'nt

document.getElementById("monBttn").disabled = true; 

"please wait"메시지를 표시 할 수도 있습니다. 이 작업 스크립트 인 도움을

document.getElementById("monBttn").disabled = "Please wait..." 

Answer 3

들으들 :

<script> 
    function myFunction() { 
     document.getElementById("monBttn").disabled = true; 
     document.getElementById("monBttn").innerHTML = "Traitement en cours..."; 
     document.getElementById("myForm").submit(); 
    } 
</script>