Jquery 客户端验证
2024-09-07 06:48:20
Jquery 客户端验证
//引入js文件 validate.js
<html>
<head>
<title>jqueryValidateDemo</title>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.validate.js"></script>
<script type="text/javascript">
$(function() {
$("#login").validate({
rules:{
name:{ required:true }, //此处为 id="name"
password:{ //id="password"
required:true,
minlength:4
}
},
messages:{
name:{ required:"此项为必填项" },
password:{
required:"此项为必填项",
minlength:"密码长度至少为4个字符"
}
}
})
});
</script>
</head>
<body>
<form action="" id="login" method="post">
<table align="center" border="1">
<tr>
<td>登录名</td>
<td><input type="text" id="name" name="name"/></td>
</tr>
<tr>
<td>密码</td>
<td><input type="password" id="password" name="password"/></td>
</tr>
<tr>
<td align="center" colspan="2"><input type="submit" value="注册"/></td>
</tr>
</table>
</form>
</body>
</html>
附:常见的验证规则如下:
(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
最新文章
- 无脑简单 命令升级git Centos
- 为什么要用elasticsearch-理解加深中
- U盘安装Windows 7 + Ubuntu 14 双系统笔记
- Visual Studio最好用的快捷键
- Debug模式,不能进入打断点的类,反而进入代理类里
- yourphp的edit,updata,dele
- 选取两个有序数组中最大的K个值,降序存入另一个数组中
- godaddy_关于产品退款
- 第七届河南省赛10402: C.机器人(扩展欧几里德)
- Ant.SOA微服务框架开源
- Kettle中并行执行测试
- Python——Pycharm基本设置
- py-day3-6 python map函数
- asp.net core WebApi 返回 HttpResponseMessage
- jQuery 查找元素2
- Zabbix应用八:Zabbix监控MongoDB
- Implementation Notes: Runtime Environment Map Filtering for Image Based Lighting
- mysql插入中文时候编码问题
- npm使用淘宝镜像
- java 内存溢出
热门文章
- Android - AndroidStudio 的熟悉
- ThinkPHP3.2.3完整版创建前后台入口文件 http://jingyan.baidu.com/article/7e4409533fc1092fc1e2ef53.html
- poj1811(pollard_rho模板)
- VS报错:DEBUG Assertion Failed!
- Bridge Across Islands POJ - 3608 旋转卡壳求凸包最近距离
- CF877E Danil and a Part-time Job 线段树维护dfs序
- 详解linux下批量替换文件内容的三种方法(perl,sed,shell)
- 黑马学习CSS选择器 简单选择器 结合符 选择器组合 选择器优先级
- mybatis组合实体查询
- java 的开发工具IDEA使用 中Debug 调试工具使用