联系我们
简单又实用的WordPress网站制作教学
当前位置:网站首页 > 网页前端技术 > 正文

jquery插件validate验证的小例子 - Web前端

作者:98wpeu发布时间:2026-07-18分类:网页前端技术浏览:3


导读:复制代码代码如下:<!DOCtypehtmlPUBLIC"-//W3C//DTDxhtml1.0Transitional//EN""http://www.w3....

复制代码 代码如下:
<!DOCtypehtml 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 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>
</div>
</form>
</body>
</html>

标签:插件例子Webvalidatejquery


网页前端技术排行
最近发表
网站分类
标签列表