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>
}

我在jQuery和Fluent验证框架中使用不显眼的javascript。

当我单击“保存”按钮并且验证失败时，是否有一些事件我可以挂钩调用一些自定义的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回调
提交无效表单时回调自定义代码。叫将事件对象作为第一个参数，将验证器作为第一个参数第二

ASP.net MVC Validation Hook

2 个答案: