jquery - 在 IE/chrome 中 jquery.validate.unobtrusive 有点差异，如何修复呢？

Question

              data-val="true"
              data-val-length="请填写期望小区,6-20字"
              data-val-length-min="6"
              data-val-length-max="20"

我的输入没有data-val-required。我希望这意味着你可以让它空白，或者你必须填写6-20个字符。铬使它像这样。但是 IE 规定你必须至少填写 6 个字符，不能让它为空。

谁遇到这个，给我一些提示。我认为 Chrome 做对了。

我认为这可能不是 IE 的问题，而是 jquery.validate.unobtrusive 错误。是吗？

Answer 1

您需要像这样添加自定义验证方法。您不再需要使用最小长度和最大长度属性

    $.validator.addMethod("blankOrSixToTwenty", function(value, element) {
        return blankOr6_20(value);
    }, "Please leave blank or enter 6-20 Characters");


    function blankOr6_20(str,limit){
        limit = (typeof limit=='undefined')? '20' : limit;
        if(str.length == 0 || ( str.length > 5 && str.length < 21 )
            return true;
        else
            return false;
    }

    validator = $("#proposal_form").validate({//enter your form id inplace of "proposal_form"
        rules: {
            proposal_url: {//"proposal_url" is the id of the input field you need to validate
                blankOrSixToTwenty: true
            }
        }

    });