jQuery表单校验插件Validate【不全】

随便写着玩的,随便记录一下,可能会有错误的地方,别学我

有时候可能没有网,有空的时候会写一点,也有可能,写着写着不写了,毕竟我是个随性的人,哼!

先上一个简单的表单

图片:
jQuery表单校验插件Validate【不全】_第1张图片

. 使用Validate

<script>

    $(function () {

        $("#registerForm").validate({
            //校验规则
            rules: {
                username: {
                    required: true
                },
                password: {
                    required: true,
                    rangelength: [6, 12]
                },
                email: {
                    required: true,
                    email: true,
                    remote: "/checkEmailServlet"
                },
                telephone: {
                    required: true,
                    phoneFmt: true
                },
                check: {
                    required: true,
                    remote: "/userServlet?methodName=check"
                }

            },
            //提示信息
            messages: {
                username: {
                    required: "用户名不能为空!"
                },
                password: {
                    required: "密码不能为空!",
                    rangelength: "密码长度必须在{0}到{1}之间!"
                },
                email: {
                    required: "email不能为空!",
                    email: "email格式不正确!",
                    //remote只能接收true或false
                    remote: "email已存在!"
                },
                telephone: {
                    required: "电话号码不为空!",
                    phoneFmt: "电话格式不正确!"

                },
                check: {
                    required: "验证码不为空!",
                    remote: "验证码输入错误!"
                }


            },

            //控制表单提交
            submitHandler: function (form) {

                //表单数据序列化
                var formData = $(form).serialize();

                //post请求  (result)返回注册结果
                $.post("/userServlet?methodName=register", formData, function (result) {

                    var flag = result.addFlag;

                    if (flag) {
                        location.href = "/register_ok.html";
                    } else {

                        $("#msg").html(result.errorMsg)

                    }

                }, "JSON")

            }

        });


    })
    
    //添加手机号码校验【自定义方法】
    $.validator.addMethod("phoneFmt", function (value, element, param) {

        //控制台测试代码 console.log(value + "  " + element + "   " + param);
        if (param) {

            //正则表达式
            return new RegExp("^1[3456789]\\d{9}$").test(value);

        }

    }, "手机号不合法!");
    
</script>

$("#registerForm").validate( {内容 } )

你可能感兴趣的:(未完成)