MVC3“不显眼的 JavaScript”模型验证

Question

我曾经这样进行 ajax 调用：

        form.bind("submit", function(e) {
            e.preventDefault();
            form.ajaxSpin("large");
            form.ajaxSubmit({
                success: function(result) {
                    if (!b.ajaxFailure(result, true)) {
                        if(b.validateForm(form,result)) {
                            console.log(result); // TODO: something?
                        }
                    }
                },
                complete: function() {
                    form.ajaxSpin(false);
                }
            });
        });

到目前为止，我的设计正在逐步增强。
现在我想在发出实际请求之前在客户端实现模型验证。

我将 jquery.validation.js 插件以及最新的 jquery.validation.unobtrusive.js 脚本添加到项目中。

然后我将代码更改为：

        form.validate({
            submitHandler: function() {
                form.ajaxSpin("large");
                form.ajaxSubmit({
                    success: function(result) {
                        if (!b.ajaxFailure(result, true)) {
                            if (b.validateForm(form, result)) {
                                console.log(result); // TODO: something?
                            }
                        }
                    },
                    complete: function() {
                        form.ajaxSpin(false);
                    }
                });
            }
        });

我认为这将完全相同，除非首先通过验证，否则它不会发出请求。

验证方面工作完美，完全符合预期，使用 mvc 从模型设置到我的视图 DOM 中的数据属性。

失败的部分是我不知道为什么，我又回到了不使用ajax的状态。页面只是重新加载，我的 submitHandler 永远不会触发（与 this 相反链接建议）

我尝试了 submitHandler 的一些其他常见名称（onSuccess、success 等），但似乎没有一个成为 在职的。