jquery validation表单验证插件。
这个是刚学的,觉得对以后挺有用的,就想把自己所学的分享一下。
校验规则:
(1)required:true 必输字段
(2)number:true 必须输入合法的数字(负数,小数)
(3)digits:true 必须输入整数
(4)url:true 必须输入正确格式的网址
(5)email:true 必须输入正确格式的电子邮件
(6)creditcard:true 必须输入合法的信用卡号
(7)equalTo:"#password" 输入值必须和#password相同
(8)maxlength:5 输入长度最多是5的字符串(汉字算一个字符)
(9)minlength:10 输入长度最小是10的字符串(汉字算一个字符)
(10)rangelength:[5,10] 输入长度必须介于 5 和 10 之间的字符串")(汉字算一个字符)
(11)max:5 输入值不能大于5
(12)min:10 输入值不能小于10
(13)range:[5,10] 输入值必须介于 5 和 10 之间
(14)accept: 输入拥有合法后缀名的字符串(上传文件的后缀)
(15)date:true 必须输入正确格式的日期,日期校验ie6出错,慎用
(16)dateISO:true 必须输入正确格式的日期(ISO),例如:2009-06-23,1998/01/22 只验证格式,不验证有效性
(17)remote:"remote-valid.jsp" 使用ajax方法调用remote-valid.jsp验证输入值
1.引入jquery插件,然后引入validation插件

2.写一个form表单

3.写jquery
<script type="text/javascript">
$(function(){
$('#demoForm').validate({
rules:{
//必须填写
username:{
//必填
required:true,
//最小长度为6位
minlenght:6,
//最大长度为9位
maxlength:9
},
password:{
//必填
required:true,
//最小长度为6位
minlenght:6,
//最大长度为9位
maxlength:16
},
age:{
//最小为18岁
min:18,
//最大为30岁
max:30,
//必须填整数
digits:true,
}
},
messages:{
//改变提示的内容
//错误提示
username:{
required:'此项必填',
minlenght:'最少6位',
maxlength:'最多9位'
},
password:{
required:'此项必填',
minlenght:'密码最少6位',
maxlength:'密码最多16位'
},
age:{
min:'最小18岁',
max:'最大80岁'
digits:'年龄必须是正整数',
}
}
})
})
</script>
我就学了这么多,等学了新的再给大家分享,谢谢!!!
<script type="text/javascript">$(function(){$('#demoForm').validate({rules:{//必须填写username:{//必填required:true,//最小长度为6位minlenght:6,//最大长度为9位maxlength:9},password:{//必填required:true,//最小长度为6位minlenght:6,//最大长度为9位maxlength:16},age:{//最小为18岁min:18,//最大为30岁max:30,//必须填整数digits:true,}},messages:{//改变提示的内容//错误提示username:{required:'此项必填',minlenght:'最少6位',maxlength:'最多9位'},password:{required:'此项必填',minlenght:'密码最少6位',maxlength:'密码最多16位'},age:{min:'最小18岁',max:'最大80岁'digits:'年龄必须是正整数',}}})})</script>
jquery validation表单验证插件。的更多相关文章
- jquery validation表单验证插件2。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...
- jQuery学习之:Validation表单验证插件
http://polaris.blog.51cto.com/1146394/258781/ 最近由于公司决定使用AJAX + Struts2来重构项目,让我仔细研究一下这两个,然后集中给同事讲讲,让每 ...
- jQuery formValidator表单验证插件
什么是jQuery formValidator? jQuery formValidator表单验证插件是客户端表单验证插件. 在做B/S开发的时候,我们经常涉及到很多表单验证,例如新用户注册,填写个人 ...
- 【锋利的jQuery】表单验证插件踩坑
和前几篇博文提到的一样,由于版本原因,[锋利的jQuery]表单验证插件部分又出现照着敲不出效果的情况. 书中的使用方法: 1. 引入jquery源文件, 2. 引入表单验证插件js文件, 3. 在f ...
- jQuery Validate 表单验证插件----通过name属性来关联字段来验证,改变默认的提示信息,将校验规则写到 js 代码中
一.下载依赖包 网盘下载:https://yunpan.cn/cryvgGGAQ3DSW 访问密码 f224 二. 添加一个另外一个插件jquery.validate.messages_cn.js. ...
- jQuery Validate 表单验证插件----Validate简介,官方文档,官方下载地址
一. jQuery Validate 插件的介绍 jQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求.该插件捆 ...
- jquery validate表单验证插件-推荐
1 表单验证的准备工作 在开启长篇大论之前,首先将表单验证的效果展示给大家. 1.点击表单项,显示帮助提示 2.鼠标离开表单项时,开始校验元素 3.鼠标离开后的正确.错误提示及鼠标移入时的帮 ...
- jquery validate表单验证插件
1 表单验证的准备工作 在开启长篇大论之前,首先将表单验证的效果展示给大家. 1.点击表单项,显示帮助提示 2.鼠标离开表单项时,开始校验元素 3.鼠标离开后的正确.错误提示及鼠标移入时的帮 ...
- jQuery Validate 表单验证插件----自定义一个验证方法
一.下载依赖包 网盘下载:https://yunpan.cn/cryvgGGAQ3DSW 访问密码 f224 二.引入依赖包 <script src="../../scripts/j ...
随机推荐
- Sequel-Model
Sequel::Model Mass Assignment 大多数的Model方法接受一个包含一系列key和value的哈希作为参数,这些方法包括:Model.new, Model.create, M ...
- Python -- 数据结构实现
1.堆栈(pyStack.py) class PyStack: def __init__(self, size=20): self.stack = [] self.size = size self.t ...
- js便签笔记(2)——DOM元素的特性(Attribute)和属性(Property)
1.介绍: 上篇js便签笔记http://www.cnblogs.com/wangfupeng1988/p/3626300.html最后提到了dom元素的Attribute和Property,本文简单 ...
- android学习-仿Wifi模块实现
最近研究android内核-系统关键服务的启动解析,然而我也不知道研究wifi的作用,就当兴趣去做吧(其实是作业-_-) 系统原生WiFI功能大概有:启动WiFI服务,扫描WiFi信息(这个好像已经被 ...
- mysql空间扩展 VS PostGIS
http://www.cnblogs.com/LBSer/p/3629149.html 功能 Mysql spatial extension PostGIS 空间索引 仅MyISAM支持R树索引,I ...
- 解决启动mongod 时,出现addr already in use错误
启动mongod root@wangyuyu-Vostro-1440:/usr/bin# ./mongod 错误提示: Sat Aug 17 09:02:02 [initandlisten] ER ...
- Android开发关闭虚拟按钮、底部导航条
在Android开发中,遇到了一系列大大小小的问题,其中一个就是屏蔽底部实体键,我找了很多的博客也尝试了许许多多的方法,但始终不能屏蔽 HOME键,后来看见一篇博客说在Android 4.0以后,屏蔽 ...
- RabbitMQ上手记录–part 4-节点集群(单机多节点)
现在互联网应用动不动就说要HA,好像不搞个HA都不好意思说自己的应用能承载高并发,大用户量访问.RabbitMQ这个经典的消息组件,也必然逃不掉单点失效的尴尬局面.当然在RabbitMQ在被广泛应用于 ...
- 一:Web
一:Web介绍 1.Web:网页,网络 2.Web应用:运行在网络上的应用程序 3.网络应用程序分类:C/S B/S C/S 客服端(client)/服务器(server) 典型应用:QQ,YY B/ ...
- MySQL3:存储过程和函数
什么是存储过程 简单说,存储过程就是一条或多条SQL语句的集合,可视为批文件,但是起作用不仅限于批处理.本文主要讲解如何创建存储过程和存储函数以及变量的使用,如何调用.查看.修改.删除存储过程和存储函 ...