양식을 자바 스크립트 기능으로 실행 하시겠습니까?

Question

제출을 클릭하면 양식이 기능을 실행하게하려면 어떻게해야합니까?

<form id="commentForm" name="comment"> 
    <fieldset> 
     <label for="name">Name <span>(required)</span></label> 
     <input type="text" class="text" id="name" value="" /> 
     <label for="email">Email <span>(will not be published) (required)</span></label> 
     <input type="text" class="text" id="email" value="" /> 
     <label for="website">Website</label> 
     <input type="text" class="text" id="website" value="" /> 
     <label for="message">Message <span>(required)</span></label> 
     <textarea id="message" class="textarea" rows="10"></textarea> 
     <input type="submit" name="submit" class="submit" id="submit_btn" value="Submit Comment" action="JavaScript: ajax_add_comment();"> 
    </fieldset> 
    ... 

나는 다음과 같은 기능을 실행하려합니다 : 대신 action의

function ajax_add_comment() { 
    alert ("testing"); 
} 

Answer 1

jQuery을 사용하고 .submit() 기능을 사용할 수 있습니다. 양식에 id을 부여한 다음 제출 기능을 첨부 할 수 있습니다.

예 :

<form id="execute".... 

</form> 

<script type="javascript"> 
$("#execute").submit(function(){ 
alert("i've submitted this form"); 
}); 
</script> 

당신이 JQuery와 JS 파일을 포함했는지 확인하십시오.

<script src="http://code.jquery.com/jquery.min.js" type="text/javascript"></script> 

Answer 2

사용 onclick 속성을.

Answer 3

onsubmit 이벤트를 사용하면 양식을 제출할 때 JavaScript 코드를 실행할 수 있습니다. 예 :

<script> 
function ajax_add_comment() { 
    alert ("testing"); 
} 
</script> 

<form id="commentForm" name="comment"> 
          <fieldset> 
           <label for="name">Name <span>(required)</span></label> 
           <input type="text" class="text" id="name" value="" /> 
           <label for="email">Email <span>(will not be published) (required)</span></label> 
           <input type="text" class="text" id="email" value="" /> 
           <label for="website">Website</label> 
           <input type="text" class="text" id="website" value="" />                 
           <label for="message">Message <span>(required)</span></label> 
           <textarea id="message" class="textarea" rows="10"></textarea> 
           <input type="submit" name="submit" class="submit" id="submit_btn" value="Submit Comment" onsubmit="ajax_add_comment();"> 
          </fieldset> 

고맙습니다!