复制代码 代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://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">
<div>
用户名：<input type="text" name="username" /><span></span>
<br />
邮箱：<input type="text" name="email" /><span></span>
<br />
密码：<input type="text" name="pwd" /><span id="aa"></span>
<br />
确认密码：<input type="text" name="again" /><span></span>
<br />
生日：<input type="text" name="birthday" /><span></span>
<br />
血压：<input type="text" name="blood" /><span></span>
</div>
</form>
</body>
</html>
【jquery插件validate验证的小例子】相关文章：
★ JQuery boxy插件在IE中边角图片不显示问题的解决
★ jQuery插件Slider Revolution实现响应动画滑动图片切换效果
★ jQuery插件bgStretcher.js实现全屏背景特效