jquery 验证
2024-10-19 07:38:08
引入JS
<script src="~/Scripts/jquery-1.10.2.min.js"></script>
<script src="~/Scripts/jquery.validate.js"></script>
加载自定义验证
<script>
$(document).ready(function () {
$("#formid").validate({
rules: {
username: { required: true, minlength: },
price: { required: true, digits: true }
},
messages: {
username: { required: "必须填写", minlength: "最少8个字符" },
price: { required: "必须填写", digits: "必须填写整数" }
},
errorElement: "em",
success: function (label) {
label.text("OK").addClass('success')
}
});
}); </script>
完整页面代码:
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>Rep</title>
<style>
em.error {
background-color:blue;
background: url("images/unchecked.gif") no-repeat 0px 0px;
padding-left: 16px;
} em.success {
background-color:red;
background: url("images/checked.gif") no-repeat 0px 0px;
padding-left: 16px;
} </style>
<script src="~/Scripts/jquery-1.10.2.min.js"></script>
<script src="~/Scripts/jquery.validate.js"></script> <script>
$(document).ready(function () {
$("#formid").validate({
rules: {
username: { required: true, minlength: 8 },
price: { required: true, digits: true }
},
messages: {
username: { required: "必须填写", minlength: "最少8个字符" },
price: { required: "必须填写", digits: "必须填写整数" }
},
errorElement: "em",
success: function (label) {
label.text("OK").addClass('success')
}
});
}); </script>
</head>
<body>
<form id="formid">
<input id="username" name="username" size="25" value="" />
<input id="price" name="price" size="25" value="" /> <input id="Submit1" type="submit" class="submit" value="submit" /> </form>
</body>
</html>
设置的规格
序号 规则 描述
required:true 必须输入的字段。
remote:"check.php" 使用 ajax 方法调用 check.php 验证输入值。
email:true 必须输入正确格式的电子邮件。
url:true 必须输入正确格式的网址。
date:true 必须输入正确格式的日期。日期校验 ie6 出错,慎用。
dateISO:true 必须输入正确格式的日期(ISO),例如:--,//。只验证格式,不验证有效性。
number:true 必须输入合法的数字(负数,小数)。
digits:true 必须输入整数。
creditcard: 必须输入合法的信用卡号。
equalTo:"#field" 输入值必须和 #field 相同。
accept: 输入拥有合法后缀名的字符串(上传文件的后缀)。
maxlength: 输入长度最多是 的字符串(汉字算一个字符)。
minlength: 输入长度最小是 的字符串(汉字算一个字符)。
rangelength:[,] 输入长度必须介于 和 之间的字符串(汉字算一个字符)。
range:[,] 输入值必须介于 和 之间。
max: 输入值不能大于 。
min: 输入值不能小于 。
最新文章
- 一个基于Microsoft Azure、ASP.NET Core和Docker的博客系统
- Bubble Cup 8 finals I. Robots protection (575I)
- JVM 参数分配
- C++中的explicit关键字
- bzoj题解汇总(1032~1051)
- GS LiveMgr心跳管理类
- 1.1-学习Opencv与MFC混合编程之---利用画图函数,生成视频,并写入视频文件
- react.js 从零开始(七)React (虚拟)DOM
- eclipse集成maven插件
- Thinkphp5.1 ORM UML
- (二叉树 递归) leetcode 105. Construct Binary Tree from Preorder and Inorder Traversal
- 解决chrome浏览器在win8下没有注册类的问题
- 约定优于配置---Java的eclipse项目配置
- 12C -- ORA-28040
- 关于GC.Collect在不同机器上表现不一致问题
- hdu 5381 The sum of gcd 莫队+预处理
- 获取exe所在目录路径,速度
- javascript DOM扩展querySelector()和和querySelectorAll()
- 无锁HashMap的原理与实现
- MSP-EZ430U_02板子测试使用