1. 程式人生 > >bootstrapValidator關於js賦值以及選擇日期不觸發驗證解決辦法

bootstrapValidator關於js賦值以及選擇日期不觸發驗證解決辦法

剛開始寫部落格,都說不寫部落格不能成為大神,這個習慣倒是不錯,以前遇到問題一直在百度上問,是時候給別人做做貢獻了,剛使用bootstrap框架,這個前端框架確實很厲害,不過因為一直是自己一個人研究,網上的給的答案有些基本不是太清楚,所以遇到不少坑,不過還好都一一已經解決,我會在後面一點一點總結放上來

首先的在剛開始使用bootstrapValidator驗證表單的時候,出現兩個問題,一個是日期控制元件,先上一張效果圖:

圖中,選擇了日期後,下面的非空驗證並沒有消失,是因為bootstrapValidator外掛預設情況下,不會重複校驗一個已經標記為驗證通過或驗證不通過的欄位。所以當開始觸發校驗後,沒有通過校驗,當正確選擇日期後,並不會重新整理校驗結果,就會導致資料無法正常提交,當手動把日期改變後,會發現校驗被正確觸發了。現在就說一下解決方法

重要的是圖中紅框中的程式碼,#defaultForm對應form表單的Id,violation.illegal_time對應驗證的input 的name值,代表選擇日期後立即觸發bootstrapValidator驗證

完整驗證如下


設定之後就ok了


相關推薦

bootstrapValidator關於js以及選擇日期觸發驗證解決辦法

剛開始寫部落格,都說不寫部落格不能成為大神,這個習慣倒是不錯,以前遇到問題一直在百度上問,是時候給別人做做貢獻了,剛使用bootstrap框架,這個前端框架確實很厲害,不過因為一直是自己一個人研究,網上的給的答案有些基本不是太清楚,所以遇到不少坑,不過還好都一一已經解決,我

Validator關於js,jq觸發驗證解決辦法

問題1: 如下程式碼: <input type="hidden" name="productId"/>$("#addForm").bootstrapValidator({ fields: { productId: {

angularjs資料模型被改變,頁面重新整理的解決辦法

在debug的時候發現privitedevices的值有變化,但是頁面並沒有重新整理,這時需要手動重新整理下,然後就ok了 $scope.devices = privitedevices $scope.$apply();//需要手動重新整理

工行網銀網上支付 提示選擇證書,但下拉框是空白,無法選擇導致能支付 解決辦法

      工行助手也已經檢查過,所有驅動都已經安裝正確,但就是支付時出現選擇證書,但證書下拉選單卻是空白沒法選擇,所以不能進行支付。      原來是 工行二代U盾證書服務沒有啟動,或被安全軟體禁用了。      進入C盤C:\WINDOWS\system32雙擊執行hh

bootstrapValidator關於js,jquery動態觸發驗證能捕獲“程式事件”)解決辦法

關鍵點一:修改excluded和trigger的配置 $("#department-add-modal-form").bootstrapValidator({ //excluded:[":hidden",":disabled",":not(visible)"] ,//bootstrapVali

關於makefile中變量的多次以及override指令

順序 使用 += 令行 所有 命令 也不會 makefile err 1 基本原則如下 1.1 原則1 變量的普通賦值是有先後順序的,後面的賦值會覆蓋掉前面的賦值。 1.2 原則2 使用的時候,用的是其前面最後的賦值,就算其後面有使用了override指令的賦值也不會影響這

element-ui 點擊編輯彈出dialog組件中select組件綁定改變,但是觸發change事件

select http inf 視頻 log OS src AR gpo 代碼結構如下: 現象視頻如下: 現象原因:經過排查發現 此時點擊操作不觸發chang事件,後臺響應數據中沒有訂單取消原因orderCanleRemark字段,此時導致不觸發change事件,

封裝執行緒AsyncTask 網路資料解析和圖片的以及優化

//MainActivity package com.example.lenovo.myapplication; import android.support.v7.app.AppCompatActivity; import android.os.Bundle; import andr

pyhton鏈式在可變型別/可變型別上的區別以及其本質

關於鏈式賦值的一些注意點: a=[]b=[]x=y=[]print(a==b) #Trueprint(x==y) #Trueprint(a is b) #Falseprint(x is y) #Truea.append(1)x.append(666)print(a,b,x,y)輸出結果為:[1] [] [6

給偽元素的css屬性動態以及獲取css屬性

一/ 設定值 就是動態新增style $('head').append($('<style class="styleBefore">.leveltwo-scroll::before{height:' + domRight + 'px;}</style>'));

summernote 以及

http://www.jqcool.net/bootstrap-summernote.html 轉載 這個大神,寫的很詳細,但是,賦值這裡錯了。 //取值 var sHTML = $('.summernote').code(); //同

datetimepicker在dialog中選擇日期顯示的問題解決辦法

這個問題整了一天,datetimepicker在底層頁面上,選擇完日期後,input中就會顯示選擇的日期,但是在jquery的dialog中,無論如何都不顯示,input中已經有值了,用js是能夠輸出

C/C++ 使用memset對陣列進行整體以及memcpy對陣列複製

對陣列的整體賦值,以及兩個陣列間的複製容易出錯,這裡使用string標頭檔案中的memset和memcpy進行 不必遍歷陣列,速度快。 之前沒有標頭檔案,顯示decla 標頭檔案: Stackoverflow的解釋 程式碼: /* Project: 陣列

python變數(可變與可變)

內容來自:部落格地址:http://www.cnblogs.com/evening/archive/2012/04/11/2442788.html二、函式引數:Python函式引數對於可變物件,函式內對引數的改變會影響到原始物件;對於不可變物件,函式內對引數的改變不會影響到原

makefile 變數 以及make 傳遞引數

1. makefile 檔案變數賦值有以下幾種    =                最通用的用法,用在遞迴展開方式較多    例子 OPT = add   把add賦給OPT   :=                 變數必須之前就定義了,用在直接展開方式較多  ?= 

Kotlin讓屬性只能被一次且能為空

有時候要求一個屬性只能賦值一次,且不能為空,可以用下面的方法 用get和set 利用屬性的get()和set()對值進行控制: class APP : Application() { companion object { v

textarea時換行符無效的解決方法

字符串 spa substring 開始 repl tar txt json 兩個 1 //替換字符串中的換行符為br 2 var Content = JSON.stringify(txt); 3 Content = Content.replace(/\\n/g,

Echarts 折線圖y軸標籤太長時顯示全的解決辦法

問題 分析 解決辦法 問題 先看一下正常的情況 再看一下顯示不全的情況 所有的資料都是從後臺取的,也就是說動態變化的,一開始的時

微信小程式中 scroll-view觸底事件觸發解決方法

scroll-view元件是否設定了確定的高度,若沒有請設定 scroll-view元件的 lower-threshold 引數是否帶了單位,若帶了單位如 px、rpx等,請去除,只使用數值。 若設定了上面兩項還是沒有效果,將 scroll-view的高度設定為具

關於訓練深度學習模型deepNN時,訓練精度維持固定,模型收斂的解決辦法(tensorflow實現)

一、背景 最近一直在做人臉表情的識別,用到的程式是之間的一篇文章中的程式:深度學習(一)——deepNN模型實現攝像頭實時識別人臉表情(C++和python3.6混合程式設計)。這裡我只進行了簡單的程式修改。 由於該程式是利用fer2013資料集做的,效果不是很好,人臉表情的識別精度僅有70