3

我无法让这个 jsFiddle 工作，但它可以在浏览器中工作：http: //jsfiddle.net/vtortola/jYq2X/

我正在尝试添加一个新的自定义规则来比较两个字段。自定义适配器工作，它被调用并设置选项。但是从不调用自定义方法。

我正在准备好 DOM 上执行这个 JS：

$.validator.addMethod("customequal-method", function (val, el, p) {
    var $other = $(el).closest('form').find('input[name=' + p.other + ']'); 
    return $other.length && $other.val() == val;
});

$.validator.unobtrusive.adapters.add("customequal", ["other"],
                                     function (options) {
                                         options.rules["customequal-method"] = options.params;
                                         options.messages["customequal-method"] = options.message;
                                     });



$(function(){
    $.validator.unobtrusive.parse($('#myform'));
    $('[type=button]').click(function(e){e.preventDefault(); $('form').valid();});

    $('input[type=text]').blur();
})

这些是 HTML 中的字段：

    <input type="text" name="StartDate2" id="StartDate2" value="2"
           data-val="true" data-val-customequal="xx xxx" data-val-customequal-other="EndDate2"/>   
    <input type="text" name="EndDate2" id="EndDate2" value="3"
           data-val="true" data-val-customequal="xx xx" data-val-customequal-other="StartDate2"/>

我一直在尝试不同的东西，但似乎没有任何效果。

任何的想法？

4

1 回答 1

6

你的小提琴不起作用，因为：

  • 您的所有代码都准备好在 DOM 中运行，因此您unobtrusive.adapters.add在调用 unobtrusive.validator 插件之后添加自定义，该插件unobtrusive.parse(document)在没有自定义验证器的情况下注册所有输入

  • 如果您多次调用.validate() ，它只会第一次注册规则，并且不会在后续调用中覆盖它们。因此，尽管您unobtrusive.parse在这次加载的 DOM 中再次调用了自定义适配器，但它仍然没有任何效果。

所以你有两种方法可以解决它：

在 DOM 加载事件之前注册您的自定义适配器，您可以通过更改要使用的小提琴来做到这一点

"No wrap - in <head>"

演示JSFiddle。

或者

在手动$('#myform').data('validator', null)调用之前使用 using删除已经添加的验证器对象：unobtrusive.parse

$(function () {
    $('#myform').data('validator', null);

    $.validator.unobtrusive.parse($('#myform'));
    $('[type=button]').click(function (e) {
        e.preventDefault();
        $('form').valid();
    });

    $('input[type=text]').blur();
})

演示JSFiddle。

于 2013-07-30T19:44:17.280 回答