如果存在 DataAnnotation 验证错误，如何禁用表单的提交按钮？

Question

我尝试绑定到表单中所有输入的更改事件，并检查页面上是否有任何验证消息。问题是验证似乎是在更改事件之后发生的，因此我在页面上出现错误之前进行检查。我正在寻找某种方法在客户端验证发生后运行我的脚本。

我在 VM 上使用带有 DataAnnotation 属性的 MVC 2。

Answer 1

这是我刚刚拼凑在一起的东西，它包装了原始的 parseElement 和 invalidHandler 函数，允许您添加自己的逻辑。

(function($) {
    $.validator.unobtrusive.parseElement = (function (original) {
        return function (element, skipAttach) {
            original.call(this, element, skipAttach);
            var form = $(element).parents("form:first")[0];
            var validationInfo = $(form).data('unobtrusiveValidation');
            if (validationInfo) {
                var handler = validationInfo.options.invalidHandler;
                var newhandler = function () {
                    console.log('Here is where you can do additional handling');
                    handler.call(this);
                };
                validationInfo.options.invalidHandler = $.proxy(newhandler, form);
            } else {
                // this didn't work.
            }
        }
    })($.validator.unobtrusive.parseElement);
})(jQuery);

但请注意，这是一个立即函数，而不是相当于 document.onload 的 jQuery 函数。

这是用调用原始函数的新函数替换了 $.validator.unobtrusive.parseElement 以确保应用 validationInfo.options.invalidHandler到父窗体，然后您可以使用 newhandler 函数包装该处理程序。

编辑：
上面的答案仅适用于 MVC3 和不显眼的验证。

当表单无效时使用 $.validator 执行一些附加功能...

$('form:first').bind("invalid-form.validate", function () { 
    alert("invalid!"); 
 });