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

最新推荐文章于 2024-08-20 09:18:17 发布

永旗狍子

最新推荐文章于 2024-08-20 09:18:17 发布

阅读量951

点赞数

分类专栏：前端文章标签： jquery

本文链接：https://blog.csdn.net/qwq1518346864/article/details/116465043

版权

本文介绍了如何使用jQuery的validate插件进行表单验证，包括导入必要的js文件，设置验证规则，如必填字段、数字验证、重复密码验证以及自定义错误提示。通过validate()方法，可以实现实时的表单数据校验，确保用户输入符合要求。

摘要由CSDN通过智能技术生成

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}之间!"}
			}
		});
	})

实现步骤：