用jquery实现表单验证,jquery验证码

  用jquery实现表单验证,jquery验证码

  JQuery验证框架(VI)内置验证方法(JQuery Validation)九个人收藏这篇文章,我也想收藏。一年前发布,目前已被阅读3047次,评论0。

  不及物动词框架中内置验证方法的列表

  [1]必需的()返回:布尔值

  描述:使表单元素必须被填充(选中)。

  如果表单元素为空(文本输入)或未选中(单选/复选框)或选择了空值(选择)。

  工作于文本输入,选择,复选框和单选按钮。

  当select提供了一个空值选项option value= Choose./选项,它强制用户选择一个非空值。

  代码$ (# myform )。验证({ rules:{ fruit: required } });

  [2]必需的(依赖关系表达式)返回:布尔值

  参数依赖-表达式类型:String是form上下文中的表达式(字符串)。表单元素是否需要填充取决于返回一个或多个元素的表达式。

  注意:根据参数的返回值,必须填充(选择)表单元素。

  在表达式中经常使用选择过滤器,如# foo: checked、# foo: filled、# foo: visible。

  代码$ (# myform )。validate({ rules:{ details:{必填: # other: checked}},debug:true });$(#other )。单击(function(){$(#details )。valid();});

  [3]必需的(依赖关系回调)返回:布尔值

  参数依赖-回调类型:Callback该函数将待验证的表单元素作为其唯一的参数。当回调函数返回true时,表单元素是必需的。

  注意:根据参数的返回值,必须填充(选择)表单元素。

  在表达式中经常使用选择过滤器,如# foo: checked、# foo: filled、# foo: visible。

  代码$ (# myform )。validate({ rules:{ age:{ required:true,min: 3},parent:{ required:function(element){ return $( # age )。val()13;}}}});$(#age )。blur(function(){$(#parent )。valid();});

  [4]远程(选项)返回:布尔值

  参数类型:String,Options请求服务器端资源的URL(String)。或美元期权。ajax()方法。

  描述:请求服务器端资源验证。

  服务器上的资源通过$获取键/值对。ajax (XMLHttpRequest),如果响应返回true,表单通过验证。

  代码$ (# myform )。validate({ rules:{ email:{ required:true,email: true,remote: check-email . PHP });

  [5] minlength( length)返回:布尔值

  参数类型长度:整数所需的最小字符数。

  注意:确保表单元素满足给定的最小字符数。

  文本输入中的字符太少,复选框不够,选择框中的选项不够。在这三种情况下,该方法返回false。

  代码$ (# myform )。验证({rules: {field: {required: true,minlength:3 } });

  [6] maxlength( length)返回:布尔值

  参数类型:整数允许的最大字符数。

  注意:确保表单元素的文本不超过给定的最大字符数。

  在文本输入中输入了太多字符,选中了太多复选框,并且选择框中有太多选项未选中。在这三种情况下,该方法返回false。

  代码$ (# myform )。验证({rules: {field: {required: true,maxlength:4 } });

  [7] rangelength( range)返回:布尔值

  参数类型:数组整数允许的字符范围。

  注意:请确保表单元素的文本字符数在给定的范围内。

  在文本输入中输入的字符数不在给定范围内,选中的复选框不在给定范围内,并且在选择框中选择的选项不在给定范围内。在这三种情况下,该方法返回false。

  代码$ (# myform )。validate({ rules:{ field:{ required:true,rangelength: [2,6]});

  [8] min(值)返回:布尔值

  参数类型:Integer:需要输入的最小整数。

  注意:确保form元素的值大于或等于给定的最小整数。

  此方法仅在文本输入框下有效。

  代码$ (# myform )。验证({rules: {field: {required: true,min:13 } });

  [9] max( value)返回:布尔值

  参数类型:Integer给定的最大整数。

  注意:确保表单元素的值小于或等于给定的最大整数。

  此方法仅在文本输入框下有效。

  代码$ (# myform )。验证({rules: {field: {required: true,max:23 } });

  [10] range(范围)返回:布尔值

  参数类型:数组integer给定的整数范围。

  注意:确保表单元素的值在给定的范围内。

  此方法仅在文本输入框下有效。

  代码$ (# myform )。validate({ rules:{ field:{ required:true,range: [13,23]});

  [11] email()返回:布尔值

  注意:确保表单元素的值是有效的电子邮件地址。

  如果该值是有效的电子邮件地址,则返回true。此方法仅在文本输入框下有效。

  代码$ (# myform )。validate({ rules:{ field:{必填:true,email:true } });

  [12] url()返回:布尔值

  注意:确保表单元素的值是有效的URL地址(http://www.mydomain.com)。

  如果值是有效的url地址,则返回true。此方法仅在文本输入框下有效。

  代码$ (# myform )。验证({规则:{字段:{必填:true,URL:true } });

  [13]date()datiso()dateDE()返回:布尔值

  描述:用于验证有效日期。这三个函数验证的日期格式分别是(mm/dd/yyyy),(yyyy-mm-dd,yyyy/mm/dd)和(mm.dd.yyyy)。

  Js代码$ (# myform )。validate({ rules:{ field:{ required:true,date:true/* date ISO:true data:true */});

  [14] number() numberDE()返回:布尔值

  描述:用于验证小数。数字()的小数点是一个点(。),numberDE()的小数点是英文逗号(,)。

  代码$ (# myform )。验证({rules: {field: {required: true,number:true//numberde:true } });

  [15] digits()返回:布尔值

  注意:确保文本框中的值是一个数字。

  代码$ (# myform )。验证({规则:{字段:{必填:true,位数:true } });

  [16] digits()返回:布尔值

  注意:确保文本框中的值是一个数字。

  代码$ (# myform )。验证({规则:{字段:{必填:true,位数:true } });

  [17] accept( [extension])返回:布尔值

  参数extension(可选)type:字符串允许的文件扩展名,用“”或“,”分隔。默认是png jpe? ggif

  注意:确保表单元素接收带有给定文件后缀的文件。如果没有指定参数,只允许图片(png,jpeg,gif)。

  代码$ (# myform )。validate({ rules:{ field:{必填:true,accept: xls CSV } });

  [18] equalTo( other)返回:布尔值

  参数other type: Selector是另一个要与当前值进行比较的表单元素。

  注意:确保两个表单元素的值一致。

  代码$ (# myform )。validate ({rules: {password:必填,password _ again:{等于: # password } });

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

相关文章阅读

  • qq短信验证码发送失败怎么回事,qq验证码失败是怎么回事
  • ,,使用阿里大于(大鱼)平台进行发送手机验证码的流程
  • ,,SpringSceurity实现短信验证码登陆
  • android读取短信验证码,
  • android读取短信验证码,,Android使用MobSDK短信验证
  • android自动获取短信验证码功能在哪,安卓自动获取短信验证码
  • android自动获取短信验证码功能在哪,android自动获取短信验证码功能失效,Android自动获取短信验证码功能
  • android实现短信验证码自动填写功能是什么,安卓短信验证码自动填充 实现
  • android实现短信验证码自动填写功能是什么,安卓短信验证码自动填充 实现,Android实现短信验证码自动填写功能
  • android如何通过手机自动获取短信验证码信息,安卓自动获取短信验证码
  • android如何通过手机自动获取短信验证码信息,安卓自动获取短信验证码,Android如何通过手机自动获取短信验证码
  • ,,python网络爬虫实现发送短信验证码的方法
  • ,,Python实现滑块拼图验证码详解
  • ,,python3 破解 geetest(极验)的滑块验证码功能
  • 发验证码不在桌面显示,验证码能收到桌面上不显示怎么回事
  • 留言与评论(共有 条评论)
       
    验证码: