给大家整理了jQuery相关的编程文章,网友鱼修伟根据主题投稿了本篇教程内容,涉及到jquery、validate、jquery插件validate验证的小例子相关内容,已被183网友关注,内容中涉及的知识点可以在下方直接下载获取。
jquery插件validate验证的小例子
<!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>