실행 JQuery와 양식 유효성 검사 및 JQuery와 양식 포스트 스크립트 함께

Question

나는 하나의 양식에 대한 JQuery와 포스트이고, 두 번째는 JQuery와 양식 유효성 검사이며, 2 개의 다른 스크립트가 있습니다.

나는 버튼을 클릭 동작을 제출에서 포스트 스크립트를 실행, 그래서 그것을 확인하기 전에 적용됩니다 :/그리고 난 후 스크립트 전에 실행 :(그래서 지금은 검증없이 제출 형성 검증을 변경할 수

어떻게 만들 수 있습니다. 그것은? 감사합니다 도움이!

---

JQuery와 POST 코드

$(function() { 

    $("#btnsend").click(function() { 

     var dataString = 'fullname='+ escape(document.contact.full_name.value); 
     $.ajax({ 
      type: "POST", 
      url: "query.php?act=sendMail", 
      data: dataString, 
      success: function() { 

      $('#contact-form').hide() 
         .html("<p>thanks!</p>") 
           .fadeIn(500, function() {$('#contact-form').append("");}); 
      } 

     }); 

     return false; 
    }); 

}); 

---

플러그인에 대한

JQuery와 유효성 검사를

감사 http://bassistance.de/jquery-plugins/jquery-plugin-validation/

<!-- Form Validation --> 
<script src="inc/validation/jquery.validate.js" type="text/javascript"></script> 
<script src="inc/validation/js/cmxforms.js" type="text/javascript"></script> 
<link rel="stylesheet" type="text/css" href="inc/validation/css/validation.css" media="screen" /> 

<script type="text/javascript"> 
$(document).ready(function() { 
    $("#commentForm").validate(); 
}); 
</script> 

---

양식

<form id="commentForm" name="contact" method="post" action=""> 
    <ul id="contact-form"> 
     <li><label for="full_name">Full Name: *</label><input type="text" name="full_name" id="full_name" class="txt_input required" /></li> 
     <li class="alignRight"><input type="submit" value="Send" id="btnsend" name="btnsend" class="btn_submit" /></li> 
    </ul> 
</form> 

Answer 1

$("#commentForm").validate({ 
    submitHandler: function(form) { 
     // validation success, do something 
    } 
}); 

성공 함수 콜백에서 ajax submit을 호출하십시오.

자세한 내용은 http://docs.jquery.com/Plugins/Validation/validate을 확인하십시오 (동일한 플러그인에 대해 이야기하고 있다고 가정합니다).