validate验证+jquery+ajax提交表单

最新推荐文章于 2022-01-18 11:47:49 发布

原创最新推荐文章于 2022-01-18 11:47:49 发布 · 373 阅读

0 ·

CC 4.0 BY-SA版权

jquery 专栏收录该内容

10 篇文章

订阅专栏

本文介绍了一个使用jQuery实现的表单验证插件的具体配置细节，包括各字段的验证规则如用户名、邮箱、密码等，及错误信息显示方式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

            $("#registerForm").validate({
                rules: {
                    "username": {
                        required: true
                    },
                    "email": {
                        required: true,
                        email: true
                    },
                    "password": {
                        required: true,
                        minlength: 6
                    },
                    "confirm_password": {
                        required: true,
                        minlength: 6,
                        equalTo: "input[name=password]"
                    },
                    "captcha": {
                        required: true,
                        minlength: 4,
                        maxlength: 4
                    }
                },
                errorElement: 'span',
                errorClass: "errorTips",
                errorPlacement: function (error, element) {
                    var errorWrap = element.closest('.form-group').next().find("span");
                    errorWrap.html(error);
                },
                invalidHandler : function(){
                    return false;
                },
                submitHandler : function(){ //表单的处理

                    if(USERNAME_TAG && EMAIL_TAG){
                        $("#registerForm").submit();
                        USERNAME_TAG = false;
                        EMAIL_TAG   = false;
                    }else {
                        return false;//阻止表单提交
                    }
                }

            });