validate表单验证

最新推荐文章于 2023-11-18 20:11:41 发布

24号桩

最新推荐文章于 2023-11-18 20:11:41 发布

阅读量355

点赞数

分类专栏： J2EEweb

本文链接：https://blog.csdn.net/qq_34893326/article/details/78748282

版权

本文介绍了如何使用jQuery validate插件进行表单验证，包括引入相关js文件、设置验证规则和消息、以及常见的验证规则如required、email、number等，并提供了将验证规则写入控件或代码中的两种方式。

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

1：引入js文件
<script src="../js/jquery.js" type="text/javascript"></script>
<script src="../js/jquery.validate.js" type="text/javascript"></script>
2：<form id="yanz"></form>
3:
$().ready(function() {
$("#yanz").validate({
rules: {
firstname: "required",
password: {
required: true,
minlength: 5
}
},
messages: {
firstname: "请输入姓名",
password: {
required: "请输入密码",
minlength: jQuery.format("密码不能小于{0}个字符")
}
}
});
});
4:默认校验规则
(1)required:true 必输字段
(2)remote:"check.php" 使用ajax方法调用check.php验证输入值
(3)email:true 必须输入正确格式的电子邮件
(4)url:true 必须输入正确格式