9 个答案:
答案 0 :(得分：85)
您可以使用submitHandler选项。基本上将$.ajax调用放在此处理程序中，即使用验证设置逻辑将其反转。
$('#form').validate({
... your validation rules come here,
submitHandler: function(form) {
$.ajax({
url: form.action,
type: form.method,
data: $(form).serialize(),
success: function(response) {
$('#answers').html(response);
}
});
}
});
如果验证已通过，jQuery.validate插件将调用提交处理程序。
答案 1 :(得分：13)
首先，您不需要显式添加classRules，因为jquery.validate插件会自动检测到required。
所以你可以使用这段代码：
在表单提交上，您可以阻止默认行为
如果表单无效则停止执行。
如果有效，则发送ajax请求。
$('#form').submit( function(e){
e.preventDefault();
var $form = $(this);
// check if the input is valid
if(! $form.valid()) return false;
$.ajax({
type: 'POST',
url: 'add.php',
data: $('#form').serialize(),
success: function(response) {
$("#answers").html(response);
}
});
});
醇>
答案 2 :(得分：6)
您可以尝试：
if($("#form").validate()) {
return true;
} else {
return false;
}
答案 3 :(得分：5)
这个具体的例子只是检查输入，但是你可以调整它，然后在你的.ajax函数中添加这样的东西：
beforeSend: function() {
$empty = $('form#yourForm').find("input").filter(function() {
return this.value === "";
});
if($empty.length) {
alert('You must fill out all fields in order to submit a change');
return false;
}else{
return true;
};
},
答案 4 :(得分：3)
我认为使用jquery验证的submitHandler是很好的解决方案。请从这段代码中了解一下。灵感来自@Darin Dimitrov
$('.calculate').validate({
submitHandler: function(form) {
$.ajax({
url: 'response.php',
type: 'POST',
data: $(form).serialize(),
success: function(response) {
$('#'+form.id+' .ht-response-data').html(response);
}
});
}
});
答案 5 :(得分：3)
> Required JS for jquery form validation
> ## jquery-1.7.1.min.js ##
> ## jquery.validate.min.js ##
> ## jquery.form.js ##
$("form#data").validate({
rules: {
first: {
required: true,
},
middle: {
required: true,
},
image: {
required: true,
},
},
messages: {
first: {
required: "Please enter first",
},
middle: {
required: "Please enter middle",
},
image: {
required: "Please Select logo",
},
},
submitHandler: function(form) {
var formData = new FormData($("#image")[0]);
$(form).ajaxSubmit({
url:"action.php",
type:"post",
success: function(data,status){
alert(data);
}
});
}
});
答案 6 :(得分：3)
我认为我首先验证表单，如果验证将通过，我会发布ajax帖子。别忘了在脚本末尾添加“return false”。
答案 7 :(得分：1)
您需要先触发表单验证，然后再检查其是否有效。在每个字段中输入数据后，将执行字段验证。表单验证由Submit事件触发，但在文档级别。因此，您的事件处理程序会在jquery验证整个表单之前被触发。但是，不用担心，所有这些都有一个简单的解决方案。
您应验证表单：
if ($(this).validate().form()) {
// do ajax stuff
}
答案 8 :(得分：1)
var="item"
