MVC3 后不显眼的客户端验证但提交前挂钩可用吗？

Question

使用 jquery.validate (1.8.1 ) 库和 ASP MVC3 RTM jquery.validate.ubobtrusive 库，我想知道是否有一个可用的钩子，可以在验证后但在实际表单之前注入一些额外的逻辑已提交。

换句话说：正在提交表单，运行验证（执行通常执行的操作），验证没有发现任何理由阻止表单提交，在此处运行我的代码，然后正常提交。

我知道我可以处理表单的 submit 事件并执行以下操作：

$('#MyForm').submit(function() {
    if (!$(this).valid())
       return false;

    // My Code Here
}

...自己调用验证，然后，如果成功，则输入我自己的逻辑。但我觉得这很脏。我如何知道这是 jquery.validate 的提交处理程序中执行的唯一代码？即使这是唯一正在运行的代码，我真的想复制它吗？我宁愿不必镜像验证库在提交时所做的事情；我只想在验证发生后、表单提交之前注入自己——就像绑定到一个神话般的 $('#MyForm').lastPossibleMomentBeforeSubmit(function() { // My Code Here });< /代码> 事件。

关于“我的代码”应该放在哪里的任何指示？

Answer 1

如果您只是使用 jquery.validate 您可以像这样使用成功回调：

$(function () {
    $('#MyForm').validate({
       success : function(error) {
           // additional logic
       }
    });
});

但是，由于您正在使用 jquery.validate.ubobtrusive ，遗憾的是这不能直接完成，因为 jquery.validate.ubobtrusive 隐藏了对 .validate 的调用来自你内部。

相反，您需要获取 jquery.validate.ubobtrusive 传递给 .validate 的设置/选项对象，捕获它的现有成功处理程序，并将其替换为您自己的调用原始处理程序并执行自己的附加功能的对象，如下所示：

$(function () {
            var settings = $('form').data('validator').settings,
                originalSuccess = settings.success;
            settings.success = function (error) {
                originalSuccess(error);
                // additional logic
            };
        });

Answer 2

我相信你可以做这样的事情。

$(document).ready(function() {
    $("#MyFormform").validator().bind("onSuccess", function(e, els) {
         //Code to run after validation succeeds
    }
});