jQuery的表單驗證

Question

我有，我用Ajax調用將其提交給servlet的形式。問題是我無法驗證它，因爲我使用按鈕提交表單。我遇到了這個鏈接，但我不能找到一個解決我的問題 jQuery form validation on button click

我的HTML代碼是：

<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.8/jquery.validate.min.js"></script> 

<style type="text/css"> 
    <%@include file="/formsub/formstyle.css" %> 
    </style> 
<script> 

$(document).ready(function(){ 
    $(".datepicker").datepicker({ 

      altFormat: 'yyyy-mm-dd'  
    }); 



    var form = $('#form1'); 
    $(".submit").click(function(){ 
     alert("in click"); 
     $(form).validate({ 
      submitHandler: function(form) { 

       $.get(form.attr('action'),$(form).serialize(),function(data,status){ 

     $('#json').val(" Firstname is "+data.firstname 
       +"\n Lastname is "+data.lastname 

       +"\n You are a " +data.sex 
       +"\n Your interests are " +data.interest 
       +"\n Date of birth " +data.datepicker 
       +"\n Your ipaddress " +data.userIpAddress ) 
       }); 
      } 
     }); 
     }); 
    }); 
</script> 

</head> 

點擊功能獲取調用，但驗證沒有發生。我使用按鈕，因爲我不希望頁面刷新。 任何幫助，將不勝感激，提前

Answer 1

正如that very same link you included in your submission感謝：

在您click處理程序，該錯誤是，只有.validate()重新初始化插件，它不驗證form。

因此，這個調用：

$(form).validate(... 

應放在外的click處理程序，並且$.get叫你做內它必須在.submit(function() {... })，驗證發生之後，被稱爲內搬遷。

這是因爲我可以告訴你，沒有小提琴一樣多。