jQuery validate-添加规则会触发验证

Question

我有下面的代码，可以对表单中的字段执行一些条件验证。 基本思想是，如果在一个字段中输入了某些内容，则应将此“组”中的所有字段都要求为必填项。

jQuery.validator.addMethod('readingRequired', function (val, el) {
    //Readings validation - if a reading or a date is entered, then they should all be ntered.
    var $module = $(el).closest('tr');
    return $module.find('.readingRequired:filled').length == 3;
});

//This allows us to apply the above rule using a CSS class.
jQuery.validator.addClassRules('readingRequired', {
    'readingRequired': true
});

//This gets called on change of any of the textboxes within the group, passing in the
//parent tr and whether or not this is required.
function SetReadingValidation(parent) {

    var inputs = parent.find('input');    
    var required = false;

    if (parent.find('input:filled').length > 0) {
        required = true;
    }

    if (required) {
        inputs.addClass("readingRequired");
    }
    else {
        inputs.removeClass("readingRequired");
    }
}


//This is in the document.ready event:

$("input.reading").change(function () {
        SetReadingValidation($(this).closest("tr"));
    });

这很好用，我在其他页面上成功使用了几乎相同的代码。 这里的一个小问题是，当我在第一个文本框中输入一个值并从中跳出标签时，验证就会触发并显示错误消息。 在具有类似代码的其他页面上不会发生这种情况，而是要等到首次提交表单后进行验证。 有人知道为什么会这样吗？

Answer 1

嗯 您知道进展如何，提出问题，然后自己找到解决方案。 不知道为什么这样可以正常工作，但是将我的绑定从：

$("input.reading").change(function () {
        SetReadingValidation($(this).closest("tr"));
    });

至

$("input.reading").blur(function () {
        SetReadingValidation($(this).closest("tr"));
    });

似乎已经解决了这个问题。 仍然很高兴能被启发了解为什么...