this.optional(element)的用法

this.optional(element)的用法

this.optional(element)是jquery.validator.js表单验证框架中的一个函数,用于表单控件的值不为空时才触发验证。
简单来说,就是当表单控件值为空的时候不会进行表单校验,此函数会返回true,表示校验通过,当表单控件值不为空的时候会执行后面的校验条件判断,并返回校验结果true或者false。一般在返回此函数返回值时会在后面使用||来连接一个校验条件。
示例代码如下:

jQuery.validator.addMethod("number", function(value, element) {
  return this.optional(element) || /[0-9]{1,2}/.test(value);
}, "请输入0-99的整数");

在这个例子中,当被执行校验的表单控件的值为空时,将直接返回true,即表单验证通过。当被执行校验的表单控件的值不为空时,会执行||后面的正则表达式匹配0-99的整数,匹配成功,则返回true,否则返回false。

jQuery.validate的optional(element),用于表单控件的值不为空时才触发验证。
当element为空时this.optional(element)=true,用于在该控件为非必填项目时可以通过验证,及条件可以不填但是不能填错格式。
例如:
jQuery.validator.addMethod("division", function(value, element) { return this.optional(element) || value % 2 == 0 && value % 3 == 0; }, "必须能被2和3整除");

如果值为空时也要触发验证,移除optional(element)。
例如:
$f.addMethod("division", function(value, element) { return value % 2 == 0 && value % 3 == 0; }, "必须能被2和3整除");

 

posted @ 2022-06-17 10:33  前端白雪  阅读(123)  评论(0编辑  收藏  举报