表单未通过jQuery验证提交

Question

在我的.net/MVC项目中使用jQuery验证插件时遇到了一些问题:验证通常都运行正常,问题出现在提交时:我希望表单在其中有任何验证错误时不会被提交为此我设置debug:true;

但是当提交按钮变得无响应时将其设置为true后,即使一切正常,即没有验证错误,单击提交按钮时也不会发生任何事情.如果删除debug:true,即使存在验证错误,也会提交表单.我想要一个解决这个问题的方法,中间方式即:当点击提交时如果有错误它不提交表单并显示错误如果没有错误那么它只是简单地提交它.

帮助PLZ ..谢谢!

    <script type="text/javascript">
      $(document).ready(function() {
$("#productSubmit").validate( {
  debug : true, rules : {
     prdctttle : {
        maxlength : 50, 
        required : true, 
        onlyChars : true }
     , prdctdscrptn : {
        maxlength : 250, 
        required : true, 
        onlyChars : true }
    }
  , messages : {
     }
  }
); 
}
); 
$.validator.addMethod('onlyChars', function (value) {
return /^[a-zA-Z ,-!]+$/.test(value); }, 'Please enter a valid name with only alphabets');
   $("#productSubmit").validate( {
  submitHandler : function(form) {
     if ($(form).valid()) form.submit(); return false; // prevent normal form posting
     }
  }
);
</script>

Answer 1

在提交之前更改最后一行以检查表单是否有效:

$("#productSubmit").validate({ 
    submitHandler: function(form) {  
                           if ($(form).valid()) 
                               form.submit(); 
                           return false; // prevent normal form posting
                    }
 });

编辑:我忘了添加"return false;" 用于停止正常提交表单的行(因此只有在验证通过时才会发生).