博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jQuery插件——Validation Plugin
阅读量:5296 次
发布时间:2019-06-14

本文共 1818 字,大约阅读时间需要 6 分钟。

jQuery插件——Validation Plugin 顾名思义,用于验证表单验证。某位大神编写,下载地址https;//plugins.jquery.com/tag/validate/

一、基本验证方法:

required 必填
remote 远程校验
minlength 最小长度
maxlength 最大长度
rangelength 长度范围
min 最小值
max 最大值
range 值范围
email Email格式
url URL格式
date 日期
dateISO ISO日期
number 数字
digits 整数
equalTo 与另一个元素值相等

 

 

    
登录DEMO
用户登录

1. min, minlength ...等区别

  min是最小值,是数字。

  minlength是长度,可以为字符。

2. data与dateISO

  dateISO格式更严格,必须为2016/5/11或者2016-5-11

3. equalTo 一般用户重复输入密码

  

二、进阶验证方法:

1. valid()方法:检查表单是否有效。

2. rules(), rules("add", {min:10}), rules("remove", {max min required}) :获取规则,添加“min”规则,删除“max min required”规则。只能用于单个元素。

3. Validator对象,validate方法返回Validator对象

  1)Validator.form()验证表单是否有效,返回true、false

  2)Validator.element(element)验证某个元素是否有效,返回true、false

    3)Validator.resetForm()把表单恢复到验证前的状态

  4)Validator.showErrors(errors)针对某个元素显示特定的错误信息(一般用于显示自定义的错误信息)

  5)Validator.numberOfInvalids()返回无效的元素数量

3. 国际化

$.extend($.validator.messages, {    required: "这是必填字段",    remote: "请修正此字段",    email: "请填写有效的电子邮件地址",    url:"请输入有效的网址",    date:"请输入有效的日期",    dateISO:"请输入有效的日期(YYYY-MM-DD)",    number : "请输入有效的数字",    digits : "只能输入数字",    creditcard: "请输入有效的信用卡号码",    equalTo:"您的输入不相同",    extension:"请输入有效的后缀",    maxlength: $.validator.format("最多可以输入{0}个字符"),    minlength: $.validator.format("最少要输入{0}个字符"),    rangelength: $.validator.format("请输入长度在{0}到{1}之间的字符串"),    range: $.validator.format("请输入范围在{0}到{1}之间的数值"),    max: $.validator.format("请输入不大于{0}的数值"),    min: $.validator.format("请输入不小于{0}的数值")});

 

  

转载于:https://www.cnblogs.com/zhyzyn1314/p/5480985.html

你可能感兴趣的文章
ranch分析学习(四)
查看>>
Android电池电量更新 - BatteryService(转)
查看>>
HTML5 APP
查看>>
阿里云ecs环境配置
查看>>
python的sorted相关
查看>>
alt-opt and end2end
查看>>
线程间通信
查看>>
Goroutine陷阱
查看>>
mws文件中的tab文件改为相对路径
查看>>
C语言学习日记6
查看>>
LuoGu P2735 电网 Electric Fences
查看>>
BZOJ 1246 & 有点不一样的概率DP
查看>>
BOS10——权限控制的实现,apache shiro权限管理框架的使用,参数同名问题,EasyUI的combotree的使用...
查看>>
CentOS上yum时遇到Insufficient space on download directory的问题的解决办法
查看>>
PowerShell升级远程机器的windows service的脚本(最终版)
查看>>
程序的堆与栈(转载)
查看>>
Vue.js经典开源项目汇总-前端参考资源
查看>>
WINFORM跟随WPF窗体移动
查看>>
MainApi
查看>>
160809310 袁韬淳
查看>>