jQuery.validate 1.11：某字段非空时另一字段必填规则失效排查

问题排查及修复方案 #

核心问题点

1. 重复初始化验证器：你在HandleSubmitLogic里再次调用$form.validate()，这会干扰之前已初始化好的规则——jQuery.validate中validate()仅需调用一次完成初始化，后续直接用valid()触发验证即可。
2. 动态规则未实时触发：当MyProperty的值变化时，没有主动触发MyOtherProperty的重新验证，导致只有点击提交时才会检查规则，甚至可能因为状态缓存导致规则不生效。
3. 自定义重置函数可能破坏规则：如果ResetFormValidation存在清除验证规则的逻辑，会直接废掉你设置的动态必填规则。

修复后的完整代码

var $form = $("#MyForm");
var $submit = $("#Save");
var $myProperty = $("#MyProperty");
var $myOtherProperty = $("#MyOtherProperty");

var MyScriptModule = (function () {

    var init = function () {
        // 仅初始化一次验证器
        $form.validate({
            ignore: [],
            rules: {
                // 字段名必须与元素name属性完全匹配（MVC生成的就是属性名，长度验证正常则无需担心）
                MyOtherProperty: {
                    required: function () {
                        // 加trim避免空格误判为空值
                        return $myProperty.val().trim().length > 0;
                    }
                } 
            },
            errorPlacement: function (error, element) {
                error.appendTo(element.parent());
            },
            // 用验证器自带的提交处理逻辑，避免手动绑定的冲突
            submitHandler: function(form) {
                $submit.prop("disabled", true);
                form.submit();
            }
        });

        // 监听MyProperty输入变化，实时触发MyOtherProperty的验证
        $myProperty.on("input change", function() {
            $myOtherProperty.valid();
        });

        // 若需手动绑定点击事件，阻止默认提交行为，仅触发验证
        $submit.on("click", function (e) {
            e.preventDefault();
            $form.valid();
        });
    }; 

    // 重置函数仅清除错误样式与提示，不修改验证规则
    function ResetFormValidation(form) {
        $(form).find(".input-validation-error").removeClass("input-validation-error");
        $(form).find("span.field-validation-error").remove();
    }

    return {
        Init: init
    };
})();

额外注意事项

• 无需在HandleSubmitLogic中再次调用$form.validate()，直接用$form.valid()判断验证状态即可。
• 确认ResetFormValidation没有重置验证规则的代码，仅保留清除错误提示的逻辑。

内容的提问来源于stack exchange，提问作者user1210140