jQuery Validate实现表单验证

最新推荐文章于 2024-06-29 14:47:07 发布

吃西瓜要吐米米

最新推荐文章于 2024-06-29 14:47:07 发布

阅读量201

点赞数

分类专栏： jquery 文章标签： jQuery Validate

本文链接：https://blog.csdn.net/weixin_40550726/article/details/82937798

版权

jquery 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>使用 jQuery validate 表单验证</title>
    <script src="../scripts/jquery-3.3.1.min.js"></script> <!--导入本地js库-->
    <script src="../scripts/jquery.validate.min.js"></script>
    <script src="../scripts/messages_zh.min.js"></script>
    <script>
        $(document).ready(function () {
            $("#form1").validate({
                rules:{  //校验规则
                    userName:{
                        required: true,
                        minlength: 2
                    },
                    email:{
                        required:true
                    },
                    password:{
                        required: true,
                        minlength: 5
                    }
                } ,
                messages:{ //提示
                    userName:{
                        required: "请输入用户名",
                        minlength: "用户名必需由两个字母组成"
                    },
                    email:{
                      required:"请输入邮箱地址"
                    },
                    password:{
                        required: "请输入密码",
                        minlength: "密码长度不能小于 5 个字母"
                    }
                }
            });
        });
    </script>
</head>
<body>
<form id="form1" action="#">
    <input type="text" id="userName" class="userName" name="userName"><br>
    <input type="email" id="email" name="email"><br>
    <input type="password" id="password" class="password" name="password"><br>
    <input type="submit" value="login">
</form>
</body>
</html>

吃西瓜要吐米米

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery Validate实现表单验证

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;使用 jQuery validate 表单验证&lt;/title&gt; &lt;script src="../scripts/j
复制链接

扫一扫

专栏目录