jQuery验证插件:添加验证规则，但需要隐藏焦点消息

Question

调用以下方法以根据某些条件强制设置控件

addRequired = function ($ele, msg, min, minMsg) {
    $ele.rules('add', {
        required: true,
        min: min,
        messages: {
            required: msg,
            min: minMsg
        }
    });
    $.validator.unobtrusive.parseElement($ele.get(0));
}

和调用代码

if (requiredOptions["CompanyName"]) {
    addRequired($('#CompanyName'), 'Company is required');
}
if (requiredOptions["SiteName"]) {
    addRequired($('#SiteNameDD'), 'Enter a Site');
}

验证工作正常。但是要求是当控件(例如CompanyName)集中时，所需的消息应该消失。基本上，只要需要的控件集中，就会出现错误消息。要求是在focusout或表单提交事件上显示消息。我怎么才能做到呢?

从@Praveen_Kumar提到的解决方案中，我提出了以下更改

addRequired = function ($ele, msg, min, minMsg) {
        $ele.rules('add', {
           ... ... ...
        });
        // Remove the validator message on focus.
        $ele.on("focus", function () {
            var thisRule = $.validator.staticRules($ele.get(0));
            thisRule.required = false;            
         });
        // Add the validator message on blur.
        $ele.on("blur", function () {
            var thisRule = $.validator.staticRules($ele.get(0));
            thisRule.required = true;
        });
       ...    
}

Answer 1

只需在这里添加一些代码:

addRequired = function ($ele, msg, min, minMsg) {
    $ele.rules('add', {
        required: true,
        min: min,
        messages: {
            required: msg,
            min: minMsg
        }
    });
    // Remove the validator message on focus.
    $ele.one("focus", function () {
        $.validator.hideMessage($ele.get(0)); // Replace this with the right method.
        $ele.off("focus");
    });
    $.validator.unobtrusive.parseElement($ele.get(0));
}

这里$.validator.hideMessage($ele.get(0));是一个伪函数，它接受已解析并被认为无效的元素。您还没有提供验证器插件URL来正确地指导您确切的隐藏函数是什么