jquery中的validate的使用

最新推荐文章于 2021-11-28 16:49:43 发布

耿宇丹

最新推荐文章于 2021-11-28 16:49:43 发布

阅读量1.1k

点赞数

分类专栏： Jquery内容

本文链接：https://blog.csdn.net/gengyudan/article/details/8895491

版权

Jquery内容专栏收录该内容

21 篇文章 0 订阅

订阅专栏

<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>
    <style type="text/css">
    .bitian
    {
        color:Red;
        }
    </style>
    <script type="text/javascript">
        $(function () {
            $('#form1').validate({
                rules: {
                    username: { required: true, minlength: 6, maxlength: 12 },
                    password: { required: true, minlength: 6, maxlength: 12 },
                    passwordok: { required: true, equalTo: "#pwd" },
                    homepage:{required:true,url:true },
                    birthday:{required:true,dateISO:true},
                    blood:{required:true,digits:true},
                    email:{required:true,email:true}
                },
                errorplacement:function(error,element){
                error.appendTo(element.siblings('span'));
                }
            })
        })
    </script>
</head>
<body>
    <form id="form1">
    <table>
        <tr>
            <td>
                用户名：
            </td>
            <td>
                <input name="username" type="text" /><span class="bitian">*</span>
            </td>
        </tr>
        <tr>
            <td>
                密码：
            </td>
            <td>
                <input id="pwd" name="password" type="text" /><span class="bitian">*</span>
            </td>
        </tr>
        <tr>
            <td>
                确认密码：
            </td>
            <td>
                <input name="passwordok" type="text" /><span class="bitian">*</span>
            </td>
        </tr>
        <tr>
            <td>
                主页：
            </td>
            <td>
                <input name="homepage" type="text" /><span class="bitian">*</span>
            </td>
        </tr>
        <tr>
            <td>
                生日：
            </td>
            <td>
                <input name="birthday" type="text" /><span class="bitian">*</span>
            </td>
        </tr>
        <tr>
            <td>
                血压：
            </td>
            <td>
                <input name="blood" type="text" /><span class="bitian">*</span>
            </td>
        </tr>
        <tr>
            <td>
                邮箱：
            </td>
            <td>
                <input name="email" type="text" /><span class="bitian">*</span>
            </td>
        </tr>
        <tr>
            <td>
                <input id="Submit1" type="submit" value="提交" />
            </td>
        </tr>
    </table>
    </form>
</body>

耿宇丹

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery中的validate的使用

.bitian { color:Red; } $(function () { $('#form1').validate({ rules: { username: { required: true, minlen
复制链接

扫一扫

专栏目录