- 浏览: 86104 次
文章分类
最新评论
简单入门:
messages_cn.js:
1、使用方式:
1:使用默认验证规则,例子:
电子邮件 + 必填
<input id="email" class="required email" value="email@" />
2:中自定义验证规则,例子:
注:jquery与validate的版本对应,搞了很久
使用class="{}"的方式,必须引入包:jquery.metadata.js修改提示内容:
自定义(必填,长度[3,5])
<input id="complex" value="hi" class="{required:true,minlength:3, maxlength:5,
messages:{required:'为什么不输入一点文字呢',minlength:'输入的太少了',maxlength:'输入那么多干嘛'}}" />
但是最新的jquery.validate 1.11竟然没有内置metadata的支持,故需要对其进行一些改造
密码:
但是默认的class是用来定义css样式类名的,在这里作为作为验证规则使用,会造给样式维护带来太多不便的, 有两种方式解决这个问题:
A. 直接修改 jquery.metadata.js, type修改为attr, name修改为validate,表示从表单项的validate属性取得验证规则
B. 在页头中调用 $.metadata.setType(‘attr’,'validate’), 表示从表单项的validate属性取得验证规则
摘自:http://www.cnblogs.com/yanjunwu/p/3764740.html
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base href="<%=basePath%>"> <title>My JSP 'login.jsp' starting page</title> <script type="text/javascript" src="<%=path %>/resourses/jquery-1.11.0.min.js"></script> <script type="text/javascript" src="<%=path %>/resourses/jquery.validate.min.js"></script> <script type="text/javascript" src="<%=path %>/resourses/messages_cn.js"></script> <style> </style> <script type="text/javascript"> $(document).ready(function() { $("#myform").validate({ submitHandler:function() { form.submit(); } }); }); </script> </head> <body> <legend>用户注册</legend> <form id="myform" action="<%=path %>/index.jsp"> <input type="text" name="email" class="required email" value="1@"/><br/> <input type="submit" value="Submit" /> </form> </body> </html>
messages_cn.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} 的值") });
1、使用方式:
1:使用默认验证规则,例子:
电子邮件 + 必填
<input id="email" class="required email" value="email@" />
2:中自定义验证规则,例子:
注:jquery与validate的版本对应,搞了很久
使用class="{}"的方式,必须引入包:jquery.metadata.js修改提示内容:
自定义(必填,长度[3,5])
<input id="complex" value="hi" class="{required:true,minlength:3, maxlength:5,
messages:{required:'为什么不输入一点文字呢',minlength:'输入的太少了',maxlength:'输入那么多干嘛'}}" />
但是最新的jquery.validate 1.11竟然没有内置metadata的支持,故需要对其进行一些改造
搜索jquery.validate.js文件中的$.validator.classRules(element),并在其前加入以下行: $.validator.metadataRules(element), 再搜索 staticRules:, 在其前面加入以下代码,增加metadata的支持: metadataRules: function(element) { if (!$.metadata) return {}; var meta = $.data(element.form, 'validator').settings.meta; return meta ? $(element).metadata()[meta] : $(element).metadata(); },
<script type="text/javascript" src="<%=path %>/resourses/jquery-1.11.0.min.js"></script> <script type="text/javascript" src="<%=path %>/resourses/jquery.validate.js"></script> <script type="text/javascript" src="<%=path %>/resourses/jquery.metadata.js"></script> <script type="text/javascript" src="<%=path %>/resourses/messages_cn.js"></script> <style> </style> <script type="text/javascript"> $(document).ready(function() { $("#myform").validate({ //替代submit(); submitHandler:function() { form.submit(); } }); $("#reset").click(function() { validator.resetForm(); }); }); </script> </head> <body> <legend>用户注册</legend> <form id="myform" action="<%=path %>/index.jsp"> <input id="complex" class="{required:true}" /> <input class="submit" type="submit" value="Submit"/> </form> </body>
密码:
<input id="password" name="password" type="password" class="{required:true,minlength:6}" /><br> <label for="confirm_password">确认密码</label> <input id="confirm_password" name="confirm_password" type="password" class="{required:true,minlength:6,equalTo:'#password'}" />
但是默认的class是用来定义css样式类名的,在这里作为作为验证规则使用,会造给样式维护带来太多不便的, 有两种方式解决这个问题:
A. 直接修改 jquery.metadata.js, type修改为attr, name修改为validate,表示从表单项的validate属性取得验证规则
B. 在页头中调用 $.metadata.setType(‘attr’,'validate’), 表示从表单项的validate属性取得验证规则
摘自:http://www.cnblogs.com/yanjunwu/p/3764740.html
发表评论
-
图片引用站
2017-05-07 10:50 528... -
5、获取dom-内容
2015-05-19 11:29 4861、HTMLDivElement alert(obj.inne ... -
5、面包屑导航
2015-04-13 14:48 0当汉赛尔和格莱特穿过森林时,不小心迷路了,但是他们发现 ... -
4、jquery--ajax/json
2015-04-02 11:28 430template: function saveUser() ... -
3、jquery -- 操作函数
2015-04-02 11:22 431now is nullnow is null now is n ... -
2、jquery 复杂选择器
2015-04-02 00:41 12091、table 选择 2、表单选择 3、class选择 4、子 ... -
1、jquery easyui
2015-03-22 22:01 0jquery ui http://jqueryui.com/ ... -
fff.css
2015-03-15 10:06 01、页面内添加css样式 <head> ... -
fff.extjs
2015-03-11 15:25 0http://extjs.org.cn/ demo:http: ... -
fff、bootsrap
2015-03-11 15:18 0中文教程: http://www.w3cschool.cc/b ... -
llll.anychart_事件监听
2015-03-10 15:28 0http://blessht.iteye.com/blog/1 ... -
anychart_标题和图例
2015-03-10 15:26 0图标题和图例在图表元素中是不可或缺的一部分,标题能表达图的意思 ... -
lll.anychart图形介绍
2015-03-10 15:12 0<转>http://blessht.iteye.c ... -
lllll.anychart(demo)
2015-03-10 13:46 0这是一款商业收费产品,使用未授权的产品时,图表背景会有“Any ... -
llll.div+css布局
2015-03-09 16:54 0div默认占用的宽度是100%,使用float或设置宽度调整; ... -
lll、移动的文字和图片
2015-03-09 15:24 0marquee语法: 默认是从左往右循环移动 <marq ... -
llll.frame(frameset &&iframe)
2015-03-09 15:10 0frame主要将浏览器窗口分割成几个独立的窗口,浏览器可以同时 ... -
lll.html
2015-03-09 13:40 0文字/属性 对齐:<p align="rig ... -
lll.dialog关闭事件
2015-03-06 10:45 0dialog 方法关闭事件 $('#dialogDiv').d ... -
###.jquery-Ligerui
2015-03-06 09:55 0http://www.ligerui.com/
相关推荐
自做的一个简单的表单验证 jquery validate 表单验证 jquery validate 表单验证
jquery validate表单验证插件制作注册表单提交验证 jquery validate表单验证插件制作注册表单提交验证
jQuery Validate表单验证插件,前端jq验证,jq验证插件
Jquery validate表单验证Demo.zip Jquery validate表单验证Demo.zip Jquery validate表单验证Demo.zip Jquery validate表单验证Demo.zip Jquery validate表单验证Demo.zip
jquery validate表单验证插件制作用户注册页面表单提交验证,用户名、手机、密码、邮箱等表单验证。通过这款validate表单验证插件能制作多种表单提交验证。
jquery validate表单验证插件手机注册表单验证代码
jquery validate表单验证插件制作注册表单验证提交
jquery validate表单验证插件制作会员信息注册表单验
jquery.validate表单验证框架详解.
jQuery Validate插件验证表单小练。
jquery.validate表单验证密码完整例子(带密码强度显示)
2、掌握Jquery-validate表单验证插件的使用,了解表单验证的实现原理 实现一个基于Jquery的表单验证插件。 1、初步运用了Jquery框架进行编程,基本掌握Jquery框架的使用。 2、熟练使用Jquery-validate表单验证插件,...
jQuery validate 验证 个性化验证
(ASP.net) 各种表单验证很有用!希望喜欢
Jquery.validate表单验证小结
实例是用jQuery的validate插件做的登陆表单的验证,效果还不错,代码部分可以参见我写的这篇博客:http://blog.csdn.net/eson_15/article/details/51497533
jquery-1.9.1.js jquery.validate.js jquery.validate.messages_cn.js
之前一篇文章介绍了jQuery Validate表单验证入门的基础知识,详细内容参见《jQuery Validate表单验证入门学习》,今天这篇文章深入学习jQuery Validate表单验证,以下就是文章的全部内容: 1、用其他方式替代默认的 ...
刚刚研究了jqueryvalidate表单验证插件, 加了一些样式,出错提示和验证通过的提示,通过ajaxSubmit()异步提交表单 对input select 标签进行了简单美化。样式全是自己写的,不是网上照抄 适合初学jqueryvalidate, ...
用的是jquery的validate验证表单插件,资源都给好了,可以直接使用