bootstrapValidator手动触发验证,防止验证效果不显示


// 添加表单验证规则
validateFun: function () {
    $("#paperForm").bootstrapValidator({
        message: 'This value is not valid',
        feedbackIcons: {
            valid: 'glyphicon glyphicon-ok',
            invalid: 'glyphicon glyphicon-remove',
            validating: 'glyphicon glyphicon-refresh'
        },
        live: 'submitted',// 此处设置为点击提交时,再触发验证
        fields: {
            publishTime: {
                trigger: "change",//添加验证事件,此处为日期插件所渲染的输入框提供验证
                validators: {
                    notEmpty: {
                        message: '发表时间不能为空'
                    }
                }
            },
            newPassword: {
                validators: {
                    notEmpty: {
                        message: '新密码不能为空'
                    }
                }
            },
            newagain: {
                validators: {
                        notEmpty: {
                        message: '请重新输入密码'
                    },
                    identical: {//判断两次密码是否相同
                    field: 'newPassword',
                            message: '两次密码不一致'
                    },
                }
            }
        }
    });
},
clickFun: function(){
    $("#doSave").on("click", function () {
      //为了防止误操作,比如实时验证通过后,用又返回修改数据,导致数据错误,用于验证两次输入密码是否一致的时候,
      //$('#paperForm').data("bootstrapValidator").resetForm();//重置表单所有验证规则,下一步再触发验证
        $("#paperForm").data("bootstrapValidator").validate();//手动触发全部验证
        var flag = $("#paperForm").data("bootstrapValidator").isValid();//获取当前表单验证状态
        if (flag) {//验证通过
       //提交表单数据
       }
    });
}

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM