对表单进行验证! $(“选择器“).validate()；

Posted 2021-07-19 永旗狍子

validate使用步骤

导入jquery文件

• 导入validate.js

• 页面加载成功后!对表单进行验证! $("选择器").validate();

• 在validate中编写校验规则

$("选择器").validate(
	rules:{},
	messages:{}
);

		$(function(){
			$("#formId").validate({
			rules:{
				//1.校验元素的name属性  username:"校验器" 使用单一的校验器
				//2.校验元素的name属性  username:{校验器:"值",校验器:"值"}
				username:"required",
				password:{required:true,digits:true},
				repassword:{equalTo:"[name='password']"},
				zxz:{min:3,required:true},
				shuzhiqujian:{range:[5,10],required:true}
			},
			messages:{
				username:"xxx",
				password:{required:"req",digits:"dddd"},
				zxz:{min:"最小值应该大于{0}"},
				shuzhiqujian:{range:"值应该在{0}-{1}之间!"}
			}
		});
	})

实现步骤：

• 导入jquery.js和validate.js，messages_zh.js中文提示

• 加载完成 进行验证username必填

• 用户名必须设置

• messages

  • name的属性:提示信息

  • name的属性:{校验器:"xx","校验器":"xxx"}

  • username:"xxx",

  • password:{required:"req",digits:"dddd"}

  • 此处可以导入messages中文提示库!

• .密码须为数字 ：password:{required:true, digits:true}

• 重复密码：equalTo:"#field" repassword:{equalTo:"[name='password']"}

• 最小值 ：min 注意 需要添加必填

• 动态修改提示的值：0是索引!! zxz:{min:"最小值应该大于{0}"}