问无遮拦的“忽略”设置无效
EN

Stack Overflow用户

提问于 2016-02-18 05:13:44

回答 2查看 1.2K关注 0票数 0

这有点奇怪。因此，在为非突出验证的ignore对象设置settings属性方面存在许多问题。

场景:我通过在MVC中迭代模型生成了一个表，我通过在服务器端插入一个空白模型来自动填充底部的空白行(这是需求的一部分，是不可协商的)。我不想验证这个空行，如果用户没有碰过它，但如果他们有。

为了解决这个问题，我正常地生成表。使用jquery，我自动用“空白”类标记任何空白行。通过查看源，我可以看到这种情况只发生在表中的空白行中。

现在，如果在document.read()中调用我拥有的客户机；

$.validator.unobtrusive.parse('form');
var form = $('form').get(0);
var settings = $.data(form, 'validator').settings;
settings.ignore = ':hidden,.blank';

这个很好用。即使我添加了新的提交，点击submit也不会触发对空白行的验证。但是，除了第一行之外，没有对任何填充行进行验证。

为了解决这个问题，我创建了一个函数reattachValidation()，每当我添加一个新行时都会调用该函数，以便为新行触发验证。对该守则作了修改，以便：

function reattachValidation() {
    var forms = $('form');
    forms.removeData('validator');
    forms.removeData('unobtrusiveValidation');

    $.validator.unobtrusive.parse('form');
    var form = $('form').get(0);
    var settings = $.data(form, 'validator').settings;
    settings.ignore = ':hidden,.blank';
}

现在，上面的代码将验证任何动态添加到表中的新行，但也将验证在相关元素上仍然有一个“空白”类的空白行。因此，我既不能验证空行，也不能验证新行，或者可以验证所有行，包括那些带有标记为“空白”的元素的行。

如何在使用用户数据验证新行的同时忽略空白行？

jquery

asp.net-mvc

unobtrusive-validation

回答 2

Stack Overflow用户

回答已采纳

发布于 2016-03-21 08:12:19

我最终还是成功了。

在javascript中；

$(function() {
    $.validator.unobtrusive.parse("form");
    var form = $("form").get(0);
    var settings = $.data(form, "validator").settings;
    settings.ignore = ":hidden,.blank";
});

// This function will attach any dynamic entity (e.g., a new row in a grid) to the
// MVC unobtrusive validator to be validated at the appropriate time.
// Usage:    $.validator.unobtrusive.parseDynamicContent(newTableRow);
(function ($) {
    $.validator.unobtrusive.parseDynamicContent = function (selector) {
        //use the normal unobstrusive.parse method
        $.validator.unobtrusive.parse(selector);

        //get the relevant form
        var form = $(selector).closest("form");

        //get the collections of unobtrusive validators, and jquery validators
        //and compare the two
        var unobtrusiveValidation = form.data("unobtrusiveValidation");
        var validator = form.validate();

        $.each(unobtrusiveValidation.options.rules, function (elname, elrules) {
            if (validator.settings.rules[elname] == undefined) {
                var args = {};
                $.extend(args, elrules);
                args.messages = unobtrusiveValidation.options.messages[elname];
                //edit:use quoted strings for the name selector
                $("[name='" + elname + "']").rules("add", args);
            } else {
                $.each(elrules, function (rulename, data) {
                    if (validator.settings.rules[elname][rulename] == undefined) {
                        var args = {};
                        args[rulename] = data;
                        args.messages = unobtrusiveValidation.options.messages[elname][rulename];
                        //edit:use quoted strings for the name selector
                        $("[name='" + elname + "']").rules("add", args);
                    }
                });
            }
        });
    }
})($);

然后在添加新的动态元素时，这样做(动画是不必要的，但对parseDynamicContent()的调用是这样的；

selectedTableRow.after(newTableRow);
newTableRow.fadeIn(500, function () {
    // reattach the MVC validation after adding a new row so that we get our client
    // side validation on the data annotations.
    // NOTE: we do this AFTER the fade in animation as by default the validator will
    //       not hook into any hidden elements - which our row is until the animation
    //       completes.
    $.validator.unobtrusive.parseDynamicContent(newTableRow);
});

票数 0

Stack Overflow用户

发布于 2018-08-21 15:39:31

您可以通过在原来的标准方法中添加一行来使忽略工作。这涉及使用jquery .off()删除绑定到表单的提交事件。需要这样做的原因是，先前的验证器对象的实例被绑定到提交事件，并且由于javascript闭包的工作方式，它们没有被更新。

$("form").removeData("validator");
$("form").removeData("unobtrusiveValidation");
$("form").off("submit.validate"); //new line

$.validator.unobtrusive.parse("form");

$("form").validate().settings.ignore = ":hidden, .blank";