李林超博客
首页
归档
留言
友链
动态
关于
归档
留言
友链
动态
关于
首页
其它
正文
使用Jquery完成表单校验
Leefs
2019-11-13 PM
2810℃
1条
# 使用Jquery完成表单校验 ### 前言 今天再给大家带来一个Jquery的小Demo,通过Jquery完成表单校验,容易理解和上手,希望在学习上给大家带来一点帮助。 ![JqueryDemo001.png][1] 在表单中输入信息,完成相应的校验功能。 ### 代码 ```html
网站注册页面
会员注册
USER REGISTER
用户名
*
密码
*
确认密码
*
Email
*
姓名
*
性别
*
男
女
出生日期
*
验证码
*
``` 代码来源与网络:[源码链接地址](https://blog.csdn.net/a502367897/article/details/80956289) > 代码分析 1. 引入validate插件JS文件:`` 用来做数据验证有效性的插件。 2.`$("#registForm").validate({})`方法说明 > 这是用来验证选择的表单,方法的参数是可选项,可以输入0个或者多个键值对(key/value),这个方法是为了处理例如:submit , focus , keyup , blur, click 触发验证的,对象是整个表单的元素,或者是单个元素 > > 使用 rules 和 messages 定义验证的元素 > > 使用errorClass, errorElement, wrapper, errorLabelContainer, errorContainer, showErrors, success, errorPlacement, highlight, unhighlight, ignoreTitle去控制非法元素的错误信息显示。 > > 其中rules里也可以输入0个或者多个键值对,他的key对应的是元素的name属性值,例如username,confirmpassword等等。而他的value里则是一些验证规则。 > > messages同rules一样可以输入0个或者多个键值对,他的key也是对应的元素的name属性值,而他的value里则是验证错误的提示信息。简而言之,rules{}中定义验证规则的方法。 > > messages{}中定义错误输出。 **默认校验规则** (1)required:true 必输字段 (2)remote:"check.php" 使用ajax方法调用check.php验证输入值 (3)email:true 必须输入正确格式的电子邮件 (4)url:true 必须输入正确格式的网址 (5)date:true 必须输入正确格式的日期 (6)dateISO:true 必须输入正确格式的日期(ISO),例如:2009-06-23,1998/01/22 只验证格式,不验证有效性 (7)number:true 必须输入合法的数字(负数,小数) (8)digits:true 必须输入整数 (9)creditcard: 必须输入合法的信用卡号 (10)equalTo:"#field" 输入值必须和#field相同 (11)accept: 输入拥有合法后缀名的字符串(上传文件的后缀) (12)maxlength:5 输入长度最多是5的字符串(汉字算一个字符) (13)minlength:10 输入长度最小是10的字符串(汉字算一个字符) (14)rangelength:[5,10] 输入长度必须介于 5 和 10 之间的字符串")(汉字算一个字符) (15)range:[5,10] 输入值必须介于 5 和 10 之间 (16)max:5 输入值不能大于5 (17)min:10 输入值不能小于10 [1]: https://lilinchao.com/usr/uploads/2019/11/149306986.png
标签:
前端
,
Jquery
非特殊说明,本博所有文章均为博主原创。
如若转载,请注明出处:
https://lilinchao.com/archives/166.html
上一篇
JVM学习(三)--常量的本质含义
下一篇
JVM学习(四)--编译期常量与运行期常量的区别以及数组创建本质分析
取消回复
评论啦~
提交评论
唉呀 ~ 仅有一条评论
茂林
刚学这个插件真的好用,再也不用写赖赖长的jQuery了
回复
2019-12-21 19:14
栏目分类
随笔
2
Java
326
大数据
229
工具
31
其它
25
GO
47
标签云
SpringCloud
正则表达式
Shiro
JavaSE
Flume
Scala
MyBatis
Hadoop
MySQL
锁
Livy
工具
Java工具类
队列
国产数据库改造
Sentinel
哈希表
JavaWEB项目搭建
HDFS
并发线程
容器深入研究
Thymeleaf
Linux
VUE
RSA加解密
SQL练习题
序列化和反序列化
Java编程思想
前端
Golang
友情链接
申请
范明明
庄严博客
Mx
陶小桃Blog
虫洞
刚学这个插件真的好用,再也不用写赖赖长的jQuery了