- 浏览: 299770 次
文章分类
最新评论
-
流年末年:
那四个参数还是没看懂.....能不能解释下showPassst ...
我写的密码强度验证方法(原创) -
kingcs2008:
// 验证pws.jsshowPassstrength(&qu ...
我写的密码强度验证方法(原创) -
h957355152:
请问博主这个怎么用呢?我直接放到jsp里面调用showPass ...
我写的密码强度验证方法(原创) -
qq_15138059:
我写的全国省市县三级联动菜单,拿出来和大家分享了(原创) -
valenon:
评论呢?从MAIL FROM命令开始貌似就出错了:500 Er ...
如何发送伪造的电子邮件
jQuery 校验
官网地址:http://bassistance.de/jquery-plugins/jquery-plugin-validation
一导入 js 库
<script src="../js/jquery.js"
type="text/javascript"></script>
<script src="../js/jquery.validate.js"
type="text/javascript"></script>
二、默认校验规则
(1)required:true
必输字段
(2)remote:"check.php"
使用ajax
方法调用check.php
验证输入值
(3)email:true
必须输入正确格式的电子邮件
(4)url:true
必须输入正确格式的网址
(5)date:true
必须输入正确格式的日期 日期校验ie6
出错,慎用
(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
三、默认的提示
messages: {
required:
"This field is required.",
remote:
"Please fix this field.",
email:
"Please enter a valid email address.",
url: "Please
enter a valid URL.",
date:
"Please enter a valid date.",
dateISO:
"Please enter a valid date (ISO).",
dateDE:
"Bitte geben Sie ein g
眉ltiges Datum ein.",
number:
"Please enter a valid number.",
numberDE:
"Bitte geben Sie eine Nummer ein.",
digits:
"Please enter only digits",
creditcard:
"Please enter a valid credit card number.",
equalTo:
"Please enter the same value again.",
accept:
"Please enter a value with a valid extension.",
maxlength:
$.validator.format("Please enter no more than {0}
characters."),
minlength:
$.validator.format("Please enter at least {0} characters."),
rangelength:
$.validator.format("Please enter a value between {0} and {1}
characters long."),
range:
$.validator.format("Please enter a value between {0} and
{1}."),
max:
$.validator.format("Please enter a value less than or equal to
{0}."),
min:
$.validator.format("Please enter a value greater than or equal to
{0}.")
},
如需要修改,可在js 代码中加入:
jQuery.extend(jQuery.validator.messages, {
required: "
必选字段",
remote:
"
请修正该字段",
email:
"
请输入正确格式的电子邮件",
url:
"
请输入合法的网址",
date:
"
请输入合法的日期",
dateISO: "
请输入合法的日期
(ISO).",
number:
"
请输入合法的数字",
digits:
"
只能输入整数",
creditcard:
"
请输入合法的信用卡号",
equalTo:
"
请再次输入相同的值",
accept:
"
请输入拥有合法后缀名的字符串",
maxlength:
jQuery.validator.format("
请输入一个 长度最多是 {0}
的字符串"),
minlength:
jQuery.validator.format("
请输入一个 长度最少是 {0}
的字符串"),
rangelength:
jQuery.validator.format("
请输入 一个长度介于 {0}
和 {1}
之间的字符串"),
range:
jQuery.validator.format("
请输入一个介于 {0}
和 {1}
之间的值"),
max:
jQuery.validator.format("
请输入一个最大为{0}
的值"),
min:
jQuery.validator.format("
请输入一个最小为{0}
的值")
});
推荐做法,将此文件放入messages_cn.js
中,在页面中引入
<script src="../js/messages_cn.js"
type="text/javascript"></script>
四、使用方式
1. 将校验规则写到控件中
<script
src="../js/jquery.js"
type="text/javascript"></script>
<script src="../js/jquery.validate.js"
type="text/javascript"></script>
<script src="./js/jquery.metadata.js"
type="text/javascript"></script>
$().ready(function() {
$("#signupForm").validate();
});
<form id="signupForm" method="get"
action="">
<p>
<label
for="firstname">Firstname</label>
<input id="firstname" name="firstname"
class="required" />
</p>
<p>
<label
for="email">E-Mail</label>
<input
id="email" name="email" class="required email"
/>
</p>
<p>
<label
for="password">Password</label>
<input
id="password" name="password" type="password"
class="{required:true,minlength:5}" />
</p>
<p>
<label
for="confirm_password">
确认密码</label>
<input
id="confirm_password" name="confirm_password" type="password"
class="{required:true,minlength:5,equalTo:'#password'}"
/>
</p>
<p>
<input class="submit" type="submit"
value="Submit"/>
</p>
</form>
使用class="{}" 的方式,必须引入包:jquery.metadata.js
可以使用如下的方法,修改提示内容:
class="{required:true,minlength:5,messages:{required:'
请输入内容'}}"
在使用equalTo
关键字时,后面的内容必须加上引号,如下代码:
class="{required:true,minlength:5,equalTo:'#password'}"
2. 将校验规则写到 js 代码中
$().ready(function() {
$("#signupForm").validate({
rules: {
firstname:
"required",
email:
{
required:
true,
email:
true
},
password:
{
required:
true,
minlength:
5
},
confirm_password:
{
required:
true,
minlength:
5,
equalTo:
"#password"
}
},
messages: {
firstname:
"
请输入姓名",
email:
{
required:
"
请输入Email
地址",
email:
"
请输入正确的email
地址"
},
password:
{
required:
"
请输入密码",
minlength:
jQuery.format("
密码不能小于{0}
个字 符")
},
confirm_password:
{
required:
"
请输入确认密码",
minlength:
"
确认密码不能小于5
个字符",
equalTo:
"
两次输入密码不一致不一致"
}
}
});
});
//messages 处,如果某个控件没有message ,将调用默认的信息
<form id="signupForm" method="get"
action="">
<p>
<label
for="firstname">Firstname</label>
<input id="firstname" name="firstname"
/>
</p>
<p>
<label
for="email">E-Mail</label>
<input
id="email" name="email" />
</p>
<p>
<label
for="password">Password</label>
<input
id="password" name="password" type="password"
/>
</p>
<p>
<label
for="confirm_password">
确认密码</label>
<input
id="confirm_password" name="confirm_password" type="password"
/>
</p>
<p>
<input class="submit" type="submit"
value="Submit"/>
</p>
</form>
required:true
必须有值
required:"#aa:checked"
表达式的值为真,则需要验证
required:function(){}
返回为真,表时需要验证
后边两种常用于,表单中需要同时填或不填的元素
发表评论
-
java正则表达式高级用法:转换驼峰标示
2012-06-26 16:47 5752String source = "LastLog ... -
你会做Web上的用户登录功能吗?(转)
2012-06-25 13:22 1324Web上的用户登录功能应 ... -
使用pager-taglib.jar实现的分页技术
2012-06-24 02:34 880//1.导入pager-taglib.jar包; / ... -
我写的验证码生成方案,可防止绝大多数机械识别。
2012-06-20 14:59 2367web.xml <!DOCTYPE web-app ... -
一个jQuery扩展工具包
2012-06-17 16:52 5447带有详尽注释的源代码: var jQuery = jQue ... -
如何在myeclipse中使用maven?
2012-06-11 14:22 168061.下载maven,解压到D盘ma ... -
安装subclipse, MyEclipse8 SVN插件
2012-06-09 22:39 913安装subclipse, MyEclipse8 SVN插件 ... -
PDF生成器
2012-05-28 02:53 819我自己写的一个pdf生成器,能导出百度博客为PDF -
我的自动投票器
2012-04-17 13:58 1266自动投票器,支持windows的32位机器 下面的压缩包是编 ... -
list,set,map,数组间的相互转换(转载)
2012-03-16 16:29 28241.list转set Java代码 ... -
一个给pojo生成hashcode、equals、toString等方法的工具类
2012-03-06 09:52 4222一个给pojo生成hashcode、equals、toStri ... -
ehcache的用法
2012-02-13 22:13 0Spring ... -
使用ehcache来缓存页面
2012-02-13 22:08 770关于缓存的话题,在坛子里已经有很多讨论,简单的来说,如果一个应 ... -
java笔记:自己动手写javaEE框架(二)--业务层Service以及Service单元测试
2012-02-13 00:55 0前一篇博文里有三 ... -
struts+spring+hibernate的web应用<四> Web层代码编写(2)
2012-02-13 00:50 0接着就是写资源文件了。 在 com.game. ... -
struts+spring+hibernate的web应用<四> Web层代码编写(1)
2012-02-13 00:49 1011前面的文章: ... -
struts+spring+hibernate的web应用<三> Service层代码编写
2012-02-13 00:46 825前面的文章: ... -
struts+spring+hibernate的web应用<二> Dao层代码编写
2012-02-13 00:45 828前一篇文章 (struts+spring ... -
struts+spring+hibernate的web应用<一> 架构搭建
2012-02-13 00:44 748许久没有些文章了,现 ... -
ehcache缓存管理
2012-02-12 23:52 946EHCache 是一个纯java的,在Hibernate2 ...
相关推荐
jquery validate 使用详解
jquery.validate表单验证框架详解.
框架详解 验证框架 jquery validate
jquery.validate使用详解,介绍表单验证。
jquery-validate验证框架使用详解及JS文件
jquery_validate_(验证控件)详解
本文实例讲述了jQuery validate插件功能与用法。分享给大家供大家参考,具体如下: 前言:对于表单内容格式的验证,原生JS的写法,较为繁琐,笔者曾在写一个注册界面的时候,验证邮箱格式,用户名格式,密码格式,多...
本篇文章主要介绍了jquery validate实现表单验证 (正则表达式),用户填写表单时,可以快速地对用户填写的数据进行验证,并做出反馈。有兴趣的可以了解一下。
jquery[1].validate_框架详解
一、jQuery.validate简介 jQuery.validate.js插件用于对表单输入进行验证,其使用配置非常简单。支持多事件触发,自带多种验证规则,还支持自定义验证规则。 1、配置方法 先导入jQuery库,然后导入Validate插件...
很好用的页面验证框架,对页面表单数据验证及提示很方便!
在页面中将表单放到一个隐藏的容器中,用artdialog弹出该form并对form加上jqueryvalidate验证,提交采用jqueryform ajax提交,由于都是用现成的插件写作代码量很少。 <div id="g_cn" style="display:none;w
主要为大家详细介绍了jQuery validate验证插件用法,Validate是基于jQuery的一款轻量级验证插件,支持input,select,textarea的验证,感兴趣的小伙伴们可以参考一下
jQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求。有兴趣的可以了解一下。