mvc ajax表单验证,具有jQuery验证的ASP.Net MVC Ajax表单

我有一个MVC视图，其中包含使用Ajax.BeginForm()帮助器方法构建的表单，并且正在尝试使用jQuery

Validation插件来验证用户输入。我得到了该插件，以突出显示输入数据无效的输入，但是尽管输入无效，但表单仍被发布到服务器。

如何停止此操作，并确保仅在表单验证后才发布数据？

我的密码

表格：

leave a message

{

UpdateTargetId = "GBPostList",

InsertionMode = InsertionMode.InsertBefore,

OnSuccess = "getGbPostSuccess",

OnFailure = "showFaliure"

}))

{ %>

Rubrik

Meddelande

JavaScript验证：

$(document).ready(function() {

// for highlight

var elements = $("input[type!='submit'], textarea, select");

elements.focus(function() {

$(this).parents('p').addClass('highlight');

});

elements.blur(function() {

$(this).parents('p').removeClass('highlight');

});

// for validation

$("form").validate();

});

编辑： 由于我在发布后续问题及其答案解决方案时感到不满，这也是有效的验证方法…

function ajaxValidate() {

return $('form').validate({

rules: {

"Post.Header": { required: true },

"Post.Post": { required: true, minlength: 3 }

},

messages: {

"Post.Header": "Please enter a header",

"Post.Post": {

required: "Please enter a message",

minlength: "Your message must be 3 characters long"

}

}

}).form();

}