jquery - 如何使用 jQuery 验证检查确切的长度？

Question

使用jQuery Validation plugin要验证表单，您如何确认字符串的长度恰好是 X 个字符？

Answer 1

由于(当前)没有内置方法，因此您需要添加自己的方法。这会起作用:

jQuery.validator.addMethod("exactlength", function(value, element, param) {
 return this.optional(element) || value.length == param;
}, $.validator.format("Please enter exactly {0} characters."));

然后可以像这样使用:

$("#formtovalidate").validate({
  rules: {
    somefield: {
      exactlength: 10
    }
   });

更新 - 工作原理

有人问我这是如何运作的。我不知道所有细节；我在以前存在的方法的基础上模仿了这个方法。然而，这是我解释它的最好尝试。

• 该函数接受value、element 和param。
  • value 是在正在验证的字段中输入的值
  • element 是字段本身
  • param 是规则类型和冒号后面的内容。在上面的示例中，它是 exactlength: 10
  中的 10
• 下一行是return语句。这会将验证方法的最终结论返回给调用它的代码。任何返回 true 的验证方法都表示“此字段通过验证!”它将返回其所在行的值。
• return 后跟两个声明，由“or”运算符 (||) 分隔。
  • || 运算符的意思是“评估该项左边的项”。如果为 true，则返回 true。如果没有，请尝试右边的那个。如果为 true，则返回 true。否则，返回 false。
    • 左侧的项目是this.Optional(element)。如果您的规则中不需要该元素，则这将返回 true，验证也将返回 true。这意味着“如果我不告诉您此字段是必填字段，我不在乎它是否有效。”
    • 如果该字段是必填字段，我们将移至 || 的右侧。这是实际的验证测试。它将字段输入的长度与您指定的长度进行比较。如果它们相同，则返回 true，该方法返回 true，验证通过。否则，验证失败。

就是这样。如需进一步帮助，请参阅documentation ，特别是关于 custom validation methods 的部分.