jQuery验证程序插件+ Ajax提交不起作用

jQuery验证程序插件+ Ajax提交不起作用

您

ajax

属于 内部 的

submitHandler

jQuery的验证插件的回调函数。

根据文档，

SubmitHandler ，回调，默认值：默认（本机）表单提交

回调，用于在表单有效时处理实际的提交。获取表单作为唯一参数。替换默认的提交。 验证后通过Ajax提交表单的正确位置 。

另一个问题是您打了

.validate()

两次电话。第一次调用后，另一个实例将被忽略，您尝试传递给它的所有规则也将被忽略。该

.validate()

方法在DOM准备
初始化 表单上的插件时被调用一次。

最后，您不需要将

submit

处理程序放入

submitHandler

回调函数中。

演示： http :
//jsfiddle.net/nTNLD/1/

$(document).ready(function () {     $("#contactform").validate({         ignore: ":hidden",         rules: {  name: {      required: true,      minlength: 3  },  cognome: {      required: true,      minlength: 3  },  subject: {      required: true  },  message: {      required: true,      minlength: 10  }         },         submitHandler: function (form) {  $.ajax({      type: "POST",      url: "formfiles/submit.php",      data: $(form).serialize(),      success: function () {          $(form).html("<div id='message'></div>");          $('#message').html("<h2>Your request is on the way!</h2>")   .append("<p>someone</p>")   .hide()   .fadeIn(1500, function () {   $('#message').append("<img id='checkmark' src='images/ok.png' />");          });      }  });  return false; // required to block normal submit since you used ajax         }     }); });