概述
作用就是对输入的数据&＃xff0c;立即进行校验&＃xff0c;查看是否复合要求
validate: jquery的一个插件,依赖jquery使用&＃xff0c;Validation是历史最悠久的jQuery插件之一&＃xff0c;经过了全球范围内不同项目的验证&＃xff0c;并得到了许多Web开发者的好评。
| 属性 | 描述 |
|---|
| required:true | 必输字段 |
| remote:“check.php” | 使用ajax方法调用check.php验证输入值 |
| email:true | 必须输入正确格式的电子邮件 |
| url:true | 必须输入正确格式的网址 |
| date:true | 必须输入正确格式的日期 日期校验ie6出错&＃xff0c;慎用 |
| dateISO:true | 必须输入正确格式的日期(ISO)&＃xff0c;例如&＃xff1a;2009-06-23&＃xff0c;1998/01/22 只验证格式&＃xff0c;不验证有效性 |
| number:true | 必须输入合法的数字(负数&＃xff0c;小数) |
| digits:true | 必须输入整数 |
| creditcard: | 必须输入合法的信用卡号 |
| equalTo:"#field" | 输入值必须和#field相同 |
| accept: | 输入拥有合法后缀名的字符串&＃xff08;上传文件的后缀&＃xff09; |
| maxlength:5 | 输入长度最多是5的字符串(汉字算一个字符) |
| minlength:10 | 输入长度最小是10的字符串(汉字算一个字符) |
| rangelength:[5,10] | 输入长度必须介于 5 和 10 之间的字符串")(汉字算一个字符) |
| range:[5,10] | 输入值必须介于 5 和 10 之间 |
| max:5 | 输入值不能大于5 |
| min:10 | 输入值不能小于10 |
安装
<!--
一定要先引入 jquery
-->
<script src&＃61;"js/jquery-3.4.1.min.js"></script>
<!-- 引入validate -->
<script src&＃61;"js/validate.min.js"></script>
<!-- 对应 validate 中文提示 -->
<script src&＃61;"js/messages_zh.js"></script>
<!DOCTYPE html>
<html>
<head>
<meta charset&＃61;"UTF-8">
<title></title>
<!--
引入validate 校验库 validate 依赖jquery
-->
<!--
一定要先引入 jquery
-->
<script src&＃61;"js/jquery-3.4.1.min.js"></script>
<!-- 引入validate -->
<script src&＃61;"js/validate.min.js"></script>
<!-- 对应 validate 中文提示 -->
<script src&＃61;"js/messages_zh.js"></script>
</head>
<body>
<form id&＃61;"form1">
id:<input type&＃61;"number" id&＃61;"id" name&＃61;"id" /><br />
name:<input type&＃61;"text" id&＃61;"name" name&＃61;"name" /><br />
email:<input type&＃61;"text" id&＃61;"email" name&＃61;"email" /><br />
</form>
<script>
$(function(){
$(&＃39;#form1&＃39;).validate({
rules:{
id:{
required:true,
digits:true,
range:[1,100]
},
name:{
required:true,
minlength:10
},
email:{
required:true,
email:true
}
},
messages:{
id:"请输入正确的id格式",
name:"请输入正确name 格式",
email:"请输入正确的邮箱"
}
}
)
})
</script>
</body>
</html>
![[译]技术公司十年经验的职场生涯回顾](https://img8.php1.cn/3cdc5/24912/711/b6574f3292f9dc00.png)
京公网安备 11010802041100号