2012-09-17 50 views
0

当使用jQuery验证插件(http://docs.jquery.com/Plugins/Validation/validate):jQuery验证提交按钮不工作纠正后验证错误

我想以下行为用户按下提交(而不是实际提交我正在使用ajax post请求)。

虽然发生了以下情况:只要按下提交,验证运行,适用时会出现验证错误,然后当我纠正错误,然后按提交表单重新验证,但是当存在没有验证错误,ajax帖子没有被创建,只有表单被验证。

当第一个实例中没有验证错误时,该帖子会立即生成,就像它应该一样。

我有以下几点:

<script type="text/javascript"> 
     $(document).ready(function(){ 
      $("#form").validate({ 
       onkeyup: false, 
       onclick: false, 
       onsubmit: true, 
       rules: { 
        telNR: { 
         required: true, 
         digits: true, 
         minlength: 10 
        } 
       }, 
       messages: { 
        telNR: { 
         required: "Fill in a valid telephone NR", 
         minlength: "A telephoneNR is 10 characters long", 
         digits: "Use only numerics" 
        } 
       }, 
       submitHandler: function(form) { 
        var jqxhr = $.post("sendMail.php", { telNR: $("#telNR").val() }, 
        function(data) { 
         alert("Done"); 
        }) 
        .error(function(jqXHR){ 
         alert("Error"); 
        }); 
       }  
      }); 
     }) 
    </script> 

回答

0

你可能有一些鬼验证错误。尝试将以下内容添加到您的选项中,以清除表单焦点上的错误:

focusCleanup: true 
+0

完美地工作!谢谢! – peterrus