自定义jQuery Validation验证方法报错：this.optional is not a function

我来帮你排查这两个报错的原因，以及给出修复方案：

报错原因分析 #

1. this.optional is not a function #

jQuery Validation的内置验证方法（比如minlength）内部依赖this指向validator实例来调用this.optional()方法，判断当前元素是否为可选状态（比如空值是否允许跳过验证）。当你直接用$.validator.methods.minlength(...)调用时，this默认指向全局对象（浏览器中是window），自然找不到this.optional方法，所以抛出这个错误。

2. getLength is not a function #

你用value.split("")把字符串转成数组传给minlength，但minlength方法的getLength内部逻辑是针对字符串或表单元素设计的，并不支持数组类型的输入，因此会触发这个错误。其实完全不需要把字符串拆成数组，minlength本身就能直接处理字符串的长度校验。

修复后的代码 #

jQuery.validator.addMethod("validAccount", function(value, element, params) {
    var res = true;
    // 检查账号首字符不能是数字
    if (!isNaN(parseInt(value[0]))) {
        res = false;
    } 
    // 用call绑定validator上下文，直接传递原始value调用minlength
    else if (!$.validator.methods.minlength.call(this, value, element, params)) {
        res = false;
    }
    return res;
}, "The inserted account isn't valid");

关键修复点说明 #

• 使用call(this, ...)将自定义方法中的this（也就是当前的validator实例）传递给minlength方法，确保minlength内部能正确访问this.optional()。
• 移除value.split("")，直接传递原始字符串给minlength，让它原生处理长度校验，避免getLength相关错误。

这样修改后，你的自定义验证方法就能正常调用minlength的逻辑，同时解决两个报错问题啦。

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