jquery invalidation插件

原创 2015年07月09日 20:47:54
jquery invalidation 是一款简单易用的客户端验证表单的组建。需要引入这两个文件

代码如下:

	<script src="js/jquery-1.10.0.js"></script>
	<script src="js/jquery.validate-1.13.1.js"></script>
	<script type="text/javascript">
		$(document).ready(function(){
			var validator;
			validator = $("#form1").validate({
				debug:true,
				rules:{
					username:{
						required:true,
						//email:true
						//minlength:2,
						//maxlength:10,
						//rangelength:[2,10],
						//number:true(可以是小数,负数等)
						//digits:true(只能是整数)
						//date:true,
						//dateISO:true,(更加严格)
						//min:2,
						//max:10
						//remote:"remote.json"
						// remote:{
						// 	url:"remote.json",
						// 	type:"post",
						// 	data:{
						// 		logintime:function(){
						// 			return +new date;
						// 		}
						// 	}
						// }
					},
					password:{
						required:true,
						//minlength:5,
						maxlength:16
					},
					"confirm-password":{
						equalTo:"#password"
					}
				},
				messages:{
					username:{
						required:"请输入用户名",
						//minlength:"最小长度为2",
						//maxlength:"最大长度为10",
						rangelength:"用户名应该在2-10位"
						//remote:"用户名不存在"
						//min:"数字应该>2"
					},
					password:{
						required:"请输入密码",
						minlength:"最小长度为5",
						maxlength:"最大长度为16"
					},
					"confirm-password":{
						equalTo:"两次密码不一致"
					}
				},	

				//通过表单验证后执行的函数,比如说通过ajax把数据存到数据库
				submitHandler:function(form){
					console.log($("form").serialize());
				},	

				//表单未通过验证时,自带静态函数
				invalidHandler:function(event,validator){
					console.log("错误数:"+validator.numberOfInvalids());
				},
				//设置忽略掉的验证,填写选择器
				ignore:"#username",		
			});

			$("#check").click(function(event) {
				//只要有错误信息就是填写错误
				alert($("#form1").valid() ? "验证成功":"验证失败");
			});

			//批量添加校验规则通过class
			$.validator.addClassRules({
				txt:{
					minlength:5
				}
			});
		});
	</script>


版权声明:本文为博主原创文章,未经博主允许不得转载。

_optimizer_invalidation_period Rolling Cursor Invalidations

dbms_stats包分析表,no_invalidate参数有3个选项: TRUE : 不让相关游标失效 FALSE: 立即让相关游标失效 AUTO_INVALIDATE(d...
  • jiujiuaiqi
  • jiujiuaiqi
  • 2011年09月27日 09:18
  • 514

数据库升级ora-04063 DBMS_REGISTRY has error

在做Oracle数据库从11.2.0.1.0升级到11.2.0.2.8时,软件升级没有问题,实例升级没有问题,升级psu的时候。 运行@?/rdbms/admin/catbundle psu a...
  • sunjiapeng
  • sunjiapeng
  • 2014年06月29日 23:28
  • 1100

推荐30个jQuery Mobile插件和教程

本文涉及的 jQuery Mobile 教程包括以下 5 大方面的内容: 1. jQuery Mobile Swipe 2. jQuery Mobile Gallery(移动相册) 3....
  • albert528108
  • albert528108
  • 2014年09月04日 23:16
  • 3310

jQuery自己编写插件()

引言:   在项目中不同页面经常要用到已经写好的交互,比如弹窗,比如下拉菜单,比如选项卡,比如删除... 此时如果每次都把代码copy一份无疑是一件比较麻烦并且无趣的事情,而且个人认为有些low了...
  • chenxi1025
  • chenxi1025
  • 2016年08月16日 16:19
  • 3415

JQuery.dataTables免费开源的数据表格插件

中文社区: http://datatables.club/ 基于Bootstrap样式: https://datatables.net/examples/styling/bootstrap.html...
  • u011127019
  • u011127019
  • 2016年11月25日 19:04
  • 3280

共有25款 jQuery自动完成插件开源软件

jQuery输入自动完成 Combogrid Combogrid 是一个jQuery插件用于为输入框添加高级自完成功能(auto-complete)。当用户输入的时候,会在输入框...
  • ystyaoshengting
  • ystyaoshengting
  • 2015年11月06日 14:12
  • 952

web 开发jquery插件之Highcharts【一款统计的报表插件】

1.下载及api 地址 http://www.highcharts.me/ 2.折线图demo,api 已经存在的demo省略,文档说明省略,只记录略微复杂的demo。 3. 控制层传到...
  • Killer_ZR
  • Killer_ZR
  • 2014年03月03日 11:37
  • 5600

jQuery公告栏文字滚动插件

jQuery插件 关于jQuery插件,http://www.cnblogs.com/ajianbeyourself/p/5815689.html 这篇文章写得真心不错 (1)通过$.extend...
  • heyue_99
  • heyue_99
  • 2017年07月09日 20:48
  • 694

jquery 自动补全插件 autocomplete

经常看到在一个文本框里输入一个字符,然后下方就会出现相关的词组。 类似于百度、谷歌搜索。现在介绍一款autocomplete插件。使用方法很简单先去下载autocomplete所需的文件(这里就不介绍...
  • u010265663
  • u010265663
  • 2015年12月28日 22:00
  • 2582

jquery 对话框(Dialog)插件

jQuery 对话框(Dialog) - 模态
  • z991876960
  • z991876960
  • 2016年09月22日 12:57
  • 2142
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jquery invalidation插件
举报原因:
原因补充:

(最多只允许输入30个字)