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="https://www.jb51.net/Jquery1.7.js" type="text/javascript"></script>
    <script src="https://www.jb51.net/jquery.validate.js" type="text/javascript"></script>
    <script src="https://www.jb51.net/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 >
<div>
用户名:<input type="text" /><span></span>
<br />
邮箱:<input type="text" /><span></span>
<br />
密码:<input type="text" /><span></span>
<br />
确认密码:<input type="text"  /><span></span>
<br />
生日:<input type="text" /><span></span>
<br />
血压:<input type="text" /><span></span>
</div>
</form>
</body>
</html>

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wdgjfp.html