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>
上一篇: redis学习笔记1
下一篇: spring mvc路径匹配原则详解
推荐阅读
-
6款经典实用的jQuery小插件及源码(对话框/提示工具等等)_jquery
-
ASP.NET实现验证码以及刷新验证码的小例子
-
基于jQuery的的一个隔行变色,鼠标移动变色的小插件_jquery
-
jQuery随机切换图片的小例子
-
jQuery自动切换/点击切换选项卡效果的小例子
-
jQuery 获取浏览器所在的IP地址的小例子
-
JQuery validate插件验证用户注册信息_jquery
-
jQuery Validate验证表单时多个name相同的元素只验证第一个的解决方法
-
ASP.NET MVC Jquery Validate 表单验证的多种方式
-
jQuery Validate让普通按钮触发表单验证的方法