js表单校验方法(JQuery-Validate使用方法)

来源:互联网 发布:unity3d免费版够用吗 编辑:程序博客网 时间:2024/06/05 17:22

源网址 :http://www.runoob.com/jquery/jquery-plugin-validate.html
(错误提示信息在 class=”error” 的label标签中)

 <style type="text/css">        .error{            font-size:25px;            color:red        }    </style> <script type="text/javascript">        $(function () {            $("#form1").validate({                rules: {                    firstname: "required",                    lastname: "required",                    username: {                        required: true,                        minlength: 2                    },                    password: {                        required: true,                        minlength: 5                    },                    confirm_password: {                        required: true,                        minlength: 5,                        equalTo: "#password"                    },                    email: {                        required: true,                        email: true                    },                    //topic: {                    //    required: "#newsletter:checked",                    //    minlength: 2                    //},                    //agree: "required"                },                messages: {                    firstname: "请输入您的名字",                    lastname: "请输入您的姓氏",                    username: {                        required: "请输入用户名",                        minlength: "用户名必需由两个字母组成"                    },                    password: {                        required: "请输入密码",                        minlength: "密码长度不能小于 5 个字母"                    },                    confirm_password: {                        required: "请输入密码",                        minlength: "密码长度不能小于 5 个字母",                        equalTo: "两次密码输入不一致"                    },                    email: "请输入一个正确的邮箱",                    // agree: "请接受我们的声明",                    // topic: "请选择两个主题"                }            })        });    </script>
0 0
原创粉丝点击