jquery-validation插件实现基本的表单验证

jquery-validation 是一款强大的表单验证插件,使用也比较方便,只需导入相应的jquery 文件就可以了,如果想要实现更好的验证效果,可以下载插件后,根据demo 选择合适的效果,并通过查看源代码,导入相应的 文件即可,下面 演示一个简单的表单 验证实例:

先下载相应的插件,然后导入相应的 js文件 和 某个版本的 jquery 文件, 我们 导入 jquery.validate.js




 form表单代码 ,jquery-validation 的验证规则是 根据 name 属性来的,所以都要加上name 属性

用户名 :

密码 :

确认密码 :

邮箱 :

身份证号 :


script 验证代码


也可以为 错误信息定义简单的样式, 错误信息label 标签是 验证错误是,自动生成的,可以查看源代码,查看


插件的其他提供的验证规则, 有其他需求的,也可按照上面方法 自定义拓展

required: "This field is required.",
		remote: "Please fix this field.",
		email: "Please enter a valid email address.",
		url: "Please enter a valid URL.",
		date: "Please enter a valid date.",
		dateISO: "Please enter a valid date ( ISO ).",
		number: "Please enter a valid number.",
		digits: "Please enter only digits.",
		creditcard: "Please enter a valid credit card number.",
		equalTo: "Please enter the same value again.",
		maxlength: $.validator.format( "Please enter no more than {0} characters." ),
		minlength: $.validator.format( "Please enter at least {0} characters." ),
		rangelength: $.validator.format( "Please enter a value between {0} and {1} characters long." ),
		range: $.validator.format( "Please enter a value between {0} and {1}." ),
		max: $.validator.format( "Please enter a value less than or equal to {0}." ),
		min: $.validator.format( "Please enter a value greater than or equal to {0}." )


效果

jquery-validation插件实现基本的表单验证_第1张图片


今天推荐一首歌啊   《给未来的自己》        e1ffc1


你可能感兴趣的:(jquery)