2 wild84 wild84 于 2017.09.19 16:38 提问

bootstrap的表单验证formValidation有返回值吗?

bootstrap的表单验证formValidation有返回值吗?如何设置返回值呢?最好能举个例子.谢谢!

4个回答

wgs1393044648
wgs1393044648   2017.09.19 20:00
已采纳
$('#mailform').validate(
                {
                    submitHandler : function(form) {
                        //ajax提交注册信息,并且返回注册结果
                        //使用ajax的post方法提交注册信息
                        $.post('/video-web/user/forgetpwd.action', $(
                                '#mailform').serialize(), function(result) {
                            if (result == "true") {
                                location.href="/video-web/user/reset_pwd.action";
                            } else {
                                alert("验证码错误");
                            }
                        }, 'text');

                    },
                    rules : {//写校验规则的
                        email : {
                            required : true,
                            email:true,
                            minlength : 3
                        },
                        captcha : {
                            required : true
                        }
                    },
                    messages : {//写提示信息的
                        email : "邮箱是必须填写的",
                        captcha : '验证码是必须填写的'
                    }
                });

submit提交

qq_38290010
qq_38290010   2017.09.19 16:47

$('#defaultForm').formValidation({
message: '此值无效', icon: { valid: 'glyphicon glyphicon-ok', invalid: 'glyphicon glyphicon-remove', validating: 'glyphicon glyphicon-refresh' }, locale: 'zh_CN', fields:{
boxId:{
verbose: false,//代表验证按顺序验证。验证成功才会下一个(验证成功才会发最后一个remote远程验证)
validators: {
notEmpty: {
message: '这是必填字段'
},
digits: {
message: '值不是数字'
},
stringLength: {
min: 16,
message:'必须为16个数字'
},
remote: {
type: 'POST',
url: '/box/unique',
message: '此设备号已存在',
delay: 2000
}
}
},
onSuccess:function(){
//点击提交表单。表单所有都验证成功
}
});

r562253897
r562253897   2017.09.19 16:50
var subform;
//打开表单时初始化验证信息
var initSubmitValidata = function() {
    subform = $('#addForm');
    subform.bootstrapValidator({
        message: '输入值不合法',
        feedbackIcons: {
            valid: 'glyphicon glyphicon-ok',
            invalid: 'glyphicon glyphicon-remove',
            validating: 'glyphicon glyphicon-refresh'
        },
        fields: {
            type: {
                validators: {
                    notEmpty: {
                        message: '请选择文件类型'
                    }
                }
            },
            description: {
                validators: {
                    stringLength: {
                        min: 1,
                        max: 50,
                        message: '描述信息长度应在1到50个字符之间'
                    }
                }
            }
        }
    });
}
//提交button绑定的事件(注意:提交按钮类型为button,不是submit)
var submitForm=function(){
    //进行表单验证
    var bv = subform.data('bootstrapValidator');
    bv.validate();
    if (bv.isValid()) {
        //ajax提交信息到后台
    }
}
wild84
wild84 请问var bv = subform.data('bootstrapValidator');这句怎么理解?data('bootstrapValidator')中的bootstrapValidator是什么意思?
2 个月之前 回复
r562253897
r562253897   2017.09.19 17:06

这是这个验证插件中提供的方法,至于jQuery.data()方法解释如下:
$("#btn1").click(function(){
$("div").data("greeting", "Hello World");
});
$("#btn2").click(function(){
alert($("div").data("greeting"));
});
也就是说,这个插件帮我们给bootstrapValidator这个对象中封装了验证信息,现在我们提交的时候把这个验证信息取出来就行了。

wild84
wild84 我还是看不太懂,可以给一个FormValidation验证后ajax提交的例子吗?
2 个月之前 回复
Csdn user default icon
上传中...
上传图片
插入图片