ASP.net MVC 验证挂钩

Question

我在 ASP.net MVC 3 中有以下视图：

@model Models.CreateProjectViewModel

<script type="text/javascript" src="@Url.Content("~/Scripts/jquery.validate.min.js")"></script>
<script type="text/javascript" src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")"></script>

@using( Html.BeginForm() ) {
    @Html.TextBoxFor(m => m.ProjectName)
    @Html.ValidationMessageFor(m => m.ProjectName)

    <p>
        <input type="submit" value="Save" />
    </p>
}

我将不引人注目的 javascript 与 jQuery 和 Fluent Validation 框架一起使用。

当我单击“保存”按钮并且验证失败时，是否有一些事件我可以挂钩来调用一些自定义 JavaScript？

function validationFailed() {
    // do something here only if validation failed
}

我如何与验证联系起来，以便当它失败时（并且仅当它失败时）我可以调用我的validationFailed()函数。

Answer 1

正如 jQuery/Validation 文档所述，您可以使用 invalidHandler 在提交无效表单时做出反应。

但由于 MVC 不显眼的验证会实例化验证本身，因此您必须稍后挂钩此事件。

使用与 jQuery/Validation 完全相同的机制：您可以将代码绑定到表单元素自定义事件“invalid-form.validate”，该事件对应于 invalidHandler！

$(document).ready(function() {
    $('#myform').bind('invalid-form.validate',function(){
        alert('invalid form!');
    });
});

要为您的表单提供 id，请使用：

@using (Html.BeginForm(null, null, FormMethod.Post, new { id = "myform" })) {
} 

---

更新：

获取现有验证对象的另一种方法是在表单上调用 validate()。如果此表单的验证器已创建，它将被返回：

编辑：初始化发生后，更改.settings.invalidHandler对于绑定来说太晚了。因此，除非您重新初始化验证器，否则以下代码片段将不再起作用。

$(document).ready(function() {
    var existingValdiation = $("#myform").validate();
    //the settings property corresponds to the options parameter
    existingValdiation.settings.invalidHandler = function (form) {
        alert('invalid form!');
    };
    // not recommended:
    // re-init would bind settings.invalidHandler to 'invalid-form.validate'
    // existingValdiation.init();
});

Answer 2

您可以使用invalidHandler，我相信这是在jquery验证中。

invalidHandler 回调
提交无效表单时回调自定义代码。被称为
以事件对象作为第一个参数，验证器作为
第二。