jquery.validate验证

摘要:jquery validate插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求

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


规则名称类型描述
requiredBoolean设置该项内容为必填
remoteJson|String请求远程资源来校验内容有效性
minlengthNumber设置内容的最少字符长度
maxlengthNumber设置内容的最多字符长度
rangelengthArray设置内容的字符长度范围
minNumber设置内容的最小允许值
maxNumber设置内容的最大允许值
rangeArray设置内容的允许值范围
stepNumber设置内容为某一固定值的倍数
emailBoolean设置该项内容为一个有效邮箱地址
urlBoolean设置该项内容为一个有效网址
digitsBoolean设置该项内容为十进制整数
equalToSelector设置该项内容与指定元素内容相同
extensionString设置上传文件所接受的扩展名

使用范例:

$("#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);
	}
});


 

本文内容仅供个人学习、研究或参考使用,不构成任何形式的决策建议、专业指导或法律依据。未经授权,禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载,请保留原文来源信息,不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持!

链接: https://shenqiku.cn/article/FLY_7265