在提交之前MVC 4不引人注意的Jquery验证

时间:2013-04-23 17:43:04

标签: asp.net-mvc-4 jquery-validate unobtrusive-validation

我想连接所有表单,以便在Jquery验证发现没有错误之后以及表单提交或提交之前显示加载程序。

如何使用MVC 4不显眼的验证来实现这一目标?

我已根据本文How to add a 'submitHandler' function when using jQuery Unobtrusive Validation?尝试了以下内容:

$("form").data("validator").settings.submitHandler = function (form) { alert('submit'); form.submit(); };

我把它放在OnLoad部分,但这不会触发。我认为上述内容适用于所有形式?

谢谢!

1 个答案:

答案 0 :(得分:6)

请参阅the built-in setDefaults method的文档。您也不需要form.submit()行,因为插件已经处理了这一点。

$.validator.setDefaults({
    submitHandler: function (form) {
        alert('valid form submitted'); // for demo
        return false; // for demo, blocks default submit, needed with ajax too.
    }
});

DEMO:http://jsfiddle.net/W4jfY/


修改

仅申请一个表格......

$('#myform').validate({
    // any other options for this form,
    submitHandler: function (form) {
        alert('valid form submitted'); // for demo
        return false; // for demo, blocks default submit, needed with ajax too.
    }
});