jquery.validate验证

jquery validate插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求。该插件捆绑了一套有用的验证方法,包括 URL 和电子邮件验证,同时提供了一个用来编写用户自定义方法的 API。所有的捆绑方法默认使用英语作为错误信息,且已翻译成其他 37 种语言。

 

规则名称 类型 描述
required Boolean 设置该项内容为必填
remote json|String 请求远程资源来校验内容有效性
minlength Number 设置内容的最少字符长度
maxlength Number 设置内容的最多字符长度
rangelength Array 设置内容的字符长度范围
min Number 设置内容的最小允许值
max Number 设置内容的最大允许值
range Array 设置内容的允许值范围
step Number 设置内容为某一固定值的倍数
email Boolean 设置该项内容为一个有效邮箱地址
url Boolean 设置该项内容为一个有效网址
digits Boolean 设置该项内容为十进制整数
equalTo Selector 设置该项内容与指定元素内容相同
extension String 设置上传文件所接受的扩展名

电脑刺绣绣花厂 http://www.szhdn.com 广州品牌设计公司https://www.houdianzi.com

使用范例:

$("#form-member-add").validate({
	rules:{
		username:{
			required:true,
			minlength:2,
			maxlength:16
		},
		sex:{
			required:true,
		},
		mobile:{
			required:true,
			isMobile:true,
		},
		email:{
			required:true,
			email:true,
		},
		uploadfile:{
			required:true,
		},
		
	},
	onkeyup:false,
	focusCleanup:true,
	success:"valid",
	submitHandler:function(form){
		//$(form).ajaxSubmit();
		var index = parent.layer.getFrameIndex(window.name);
		//parent.$('.btn-refresh').click();
		parent.layer.close(index);
	}
});
posted @ 2020-10-16 14:36  浅笑·  阅读(401)  评论(0编辑  收藏  举报