jQUery validate插件的使用

首先下载jQuery的validate插件

$("#reg").validate({
		
		wrapper:'p',//包含每个错误信息的容器*/
		rules:{
			user:{
				required: true,//必填
				minlength:3,//字段的最小长度
				remote:{//验证用户名唯一性
					type:'POST',
					url:'onlyuser',
				},
			},
			pass:{
				required: true,
				minlength:6,
			},
			email:{
				required: true,
				email:true,//email地址的验证
			},
		},
		messages:{
			user:{
				required: '请输入用户名',
				minlength:'密码长度最少为{0}位',
				remote:'用户名已存在',
			},
			pass:{
				required: '请输入密码',
				minlength:'密码长度最少为{0}位',
			},
			email:{
				required: '请输入邮箱地址',
				email:'请输入正确的邮箱地址',
			},
		},
		//错误时边框的提示颜色
		highlight: function(element,errorClass){
			$(element).css('border','1px solid red');
		},
		//默认时边框的提示颜色
		unhighlight: function(element,errorClass){
			$(element).css('border','1px solid #ccc');
		},
		//正确时提交,用其他方式替代默认的SUBMIT,比如用AJAX的方式提交
		submitHandler: function(form){
			var username=$("#reg_user").val();
			$(form).ajaxSubmit({
				
				url: "reg",
				type: 'post',
				
				success: function(responseText,statusText){
					/*alert(statusText);*/
					$("#reg").dialog('close');
					$("#loading").dialog('open');
					$("#reg").resetForm();
					
					//生成cookie
					$.cookie('user',username);
					setTimeout(function(){
						$("#loading").dialog('close');
						$("#reg_a,#log_a").hide();
						$("#user,#quit").show();
						$("#user").html($.cookie('user'));
						
					},1000);	
				},
				
			});
		},
	});

required: "必选字段",  

remote: "请修正该字段",

email: "请输入正确格式的电子邮件",

url: "请输入合法的网址",

date: "请输入合法的日期",

dateISO: "请输入合法的日期 (ISO).",        

number: "请输入合法的数字",        

digits: "只能输入整数",        

creditcard: "请输入合法的信用卡号",        

equalTo: "请再次输入相同的值",        

accept: "请输入拥有合法后缀名的字符串",        

maxlength: jQuery.format("请输入一个长度最多是 {0} 的字符串"),        

minlength: jQuery.format("请输入一个长度最少是 {0} 的字符串"),        

rangelength: jQuery.format("请输入一个长度介于 {0} 和 {1} 之间的字符串"),        

range: jQuery.format("请输入一个介于 {0} 和 {1} 之间的值"),        

max: jQuery.format("请输入一个最大为 {0} 的值"),        

min: jQuery.format("请输入一个最小为 {0} 的值")



  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值