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