jquery插件validate验证的小例子
jquery插件validate验证的小例子。
. 代码如下:
<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "https://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns="https://www.w3.org/1999/xhtml">
<head>
<title></title>
<!-- 注意引用顺序-->
<script src="jquery1.7.js" type="text/javascript"></script>
<script src="jquery.validate.js" type="text/javascript"></script>
<script src="messages_cn.js" type="text/javascript"></script>
<script type="text/javascript">
// $(function () {
// $('#a').validate({
// rules: {
// username: { required: true, minlength: 6, maxlength: 12 },
// email: { required: true, email: true }
// },
// errorshow: function (error, element) {
// error.appendto(element.siblings('span'));
// }
// })
// })
$(function () {
$('#a').validate({
rules: {
username: { required: true, minlength: 6, maxlength: 12 },
email: { required: true, email: true },
pwd: { required: true, rangelength:[6,6] },
again: { required: true, equalto: ($('#aa')) }, //这里一定是id
birthday:{date:true},
blood:{digits:true}
},
errorshow: function (error, element) {
error.appendto(element.siblings('span'));
}
})
})
</script>
</head>
<body>
<form id="a">
<p>
用户名：<input type="text" name="username" /><span style="width:100px"></span>
<br />
邮箱：<input type="text" name="email" /><span style="width:100px"></span>
<br />
密码：<input type="text" name="pwd" /><span style="width:100px" id="aa"></span>
<br />
确认密码：<input type="text" name="again" /><span style="width:100px"></span>
<br />
生日：<input type="text" name="birthday" /><span style="width:100px"></span>
<br />
血压：<input type="text" name="blood" /><span style="width:100px"></span>
</p>
</form>
</body>
</html>