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

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

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

先上一个简单的表单

图片:
在这里插入图片描述

. 使用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( {内容 } )

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值