bootstrap 的驗證、時間選擇器、模態框 部分問題

2020-09-16 小小的平

一、使用bootstrapvalidator做校驗的時候會遇到這樣一個場景以及帶來的問題
1、當你修改某個記錄的時候,記錄的主鍵值是作為隱藏的表單項進行提交的。這裡可能會遇到的問題就是,當你點擊按鈕觸發表單的驗證的時候,會提示沒有validate這個屬性或者堆棧深度達到最大值。這一些莫名其妙的問題,可以將我們的隱藏表單項包裹進 有form-group 這個class的div,如下:


<div class=&34;> <input name=&34; id=&34; value=&34; hidden></div>

2、表單某項驗證不通過,於是你填寫了正確的信息,但是表單的校驗狀態依舊沒有清楚,導致無法提交。所以我們在進行當前驗證之前,必須要清除上一次的驗證狀態,使用:


$(&formId&39;bootstrapValidator&34;34;).data(&34;).validate();//再進行本次驗證

如果你想連帶表單輸入項都要清除,請使用:


$(&formId&39;bootstrapValidator&404040; --tt-darkmode-color: 34;34;).modal({ remote: url+&39;+new Date().getTime(), backdrop: &34; });} // 禁止modal緩存 $(&modalId&34;hidden.bs.modal&34;bs.modal&404040; --tt-darkmode-color: 404040; --tt-darkmode-color: 34;34;).datetimepicker({//設置格式 初始化時間日期表單項 language:&39;, format: &34;, minView: &39;, autoclose: true, todayBtn: true }); var pushTime = &34;;// 示例時間 時分秒 var pushDate = new Date(); pushDate.setHours(pushTime.substr(0,2));//時 pushDate.setMinutes(pushTime.substr(2,4));//分 pushDate.setSeconds(pushTime.substr(4,6));//秒 $(&form_datetime&34;setDate&404040; --tt-darkmode-color: #A3A3A3;">這裡不是吐槽百度和各種教程的無力,只是我們需要耐心和時間,有時候還需要一點運氣。當你把各種組合都嘗試一遍之後,也許答案就出來了。

相關焦點

  • html框架——bootstrap手動控制模態框隱藏和顯示
    在網頁開發過程中,我們經常會使用bootstrap這套由推特開源的前端框架。其中在業務的開發過程中,存在這樣的業務場景:點擊編輯按鈕,彈出模態框,然後在模態框中對信息進行編輯。bootstrap的模態框,如果設置的是默認點擊空白處自動關閉,不是自己通過JS進行控制時,驗證信息使用alert("XXXX"),點擊否,會直接關閉模態框,之前填寫的內容會清空,導致用戶體驗不好。那麼怎麼解決這個問題呢?
  • 什麼是模態驗證?
    對模態分析得到的結果進行驗證的目的是對模態參數估計得到結果的正確性進行檢驗。有經驗的工程師憑藉經驗在一定程度上也可以作出判斷。當然,除了經驗判斷之外,我們還有許多手段。模態模型驗證可以按照三種級別進行。他們分別如下:第一級驗證相當直觀,不涉及任何數學工具。
  • 關閉模態對話框的正確順序
    調用順序很重要如果你想顯示一個模態對話框,你需要先將所有者窗口禁用,然後啟用模態對話框,當關閉一個模態對話框時,則要確保嚴格按照相反的流程來進行。為什麼要按照這樣的流程呢?如果關閉了一個模態對話框,你可能想要這樣做:> 關閉並銷毀模態對話框> 重新啟用所有者窗口但是,如果你按照上面的順序操作的話,你會發現:所有者窗口將不會像正常的那樣在前景激活。它會隨機地激活一些其他的窗口。
  • 提供給開發者的 20 款最棒的 jQuery Bootstrap 插件
    然而,一些請求需要身份驗證 —— 特別是涉及用戶利益時。4. X-editables它是bootstrap可編輯插件的新方式,大力地重構和完善過。 它支持像文字,區域文本,選擇,日期,日期ui和清單的輸入類型。 它支持客戶端和伺服器端驗證。容器位置是完全可定製的。 用戶可以通過單擊,雙擊或手動切換。它工作於IE7+和所有的現代瀏覽器。5. ColorPicker
  • Bootstrap 中data-「*」 屬性整理和總結(一)
    data-* 屬性包括兩部分:* 屬性名不應該包含任何大寫字母,並且在前綴 「data-」 之後必須有至少一個字符。* 屬性值可以是任意字符串。說直白點就是data屬性的應用,讓HTML標籤可以隱式的附帶一些數據,而Javascript就可以對這些屬性數據進行讀/寫操作,進而可以做出相應的動作和事件。
  • 彈框體系總結:模態彈框和非模態彈框
    彈框很常見,但並不見的每一個設計師都可以100%的弄明白彈框這個概念。這篇文章是對彈框體系的一個簡單梳理和總結,希望可以解決大家心中的一些疑惑。我們日常所說的彈框是一個很籠統的概念。所有的對話框,浮層,提示條我們都習慣性的稱之為彈框,其實彈框我們可以分為兩種:模態彈框和非模態彈框。模態彈框模態彈框和非模態彈框最大的區別就是是否強制用戶交互。
  • 多模態數據的非剛性配準算法驗證
    這些方法都有一定的局限性,在本文中,我們將這些方法應用於多模態非剛性配準算法的評價中,說明了一些出現的問題。目前,大量的配準方法已經存在,並且已經提出了一些驗證方案,其中包括一項非常成功的剛性配準技術評估工作。相比之下,非剛性圖像配準方法的評估一直存在問題。困難的出現是因為解剖的對應關係只能建立在非常有限的一組圖像對上。在大多數情況下,成像的解剖結構彼此不同(或多或少),因此不存在獨特的解剖排列。
  • bootstrap css精簡專題及常見問題 - CSDN
    bootstrap中文網:http://v3.bootcss.com/ bootstrap提供了三種類型的下載:   1、用於生產環境的bootstrap    編譯並壓縮後的CSS、JavaScript和字體文件。不包含文檔和源碼文件。
  • AAAI 2020 | 多模態基準指導的生成式多模態自動文摘
    近年來,隨著計算機視覺以及自然語言處理技術的發展,多模態自動文摘技術逐漸成為學術界和工業界研究的熱點。當前的多模態自動文摘受限於數據集本身的原因只能採用文本模態的負對數似然損失作為目標函數訓練整個網絡,同時利用注意力機制來輔助挑選圖片。這種做法容易帶來模態偏差的問題,即整個網絡會傾向於優化文本生成的質量而忽視了圖片的挑選過程,如圖1所示。
  • 多模態數據融合挑戰
    摘要在各種學科中,同一現象的信息可以從不同類型的探測器、不同的條件、不同的觀測時間、多個實驗或受試者等獲取。我們用 "模態 "一詞來表示每一種這樣的獲取框架。由於自然現象及其發生環境的豐富特徵,單一模態能夠提供有關現象的完整知識是非常罕見的。
  • 面向多模態情感數據分析的智能框架
    然後通過連接每個模態的特徵向量來融合來自三個模態的信息。這些組合的特徵向量被輸入監督分類器以產生最終輸出。作者對幾個分類器進行了實驗,通過十倍交叉驗證來評估它們的性能。多模態融合的主要障礙之一是開發和規範一種方法,以在不同的時間尺度和測量值上整合來自不同來源的認知和情感信息。有兩種主要的融合策略;特徵級融合和決策級融合。特徵級融合在執行任何分類操作之前,將從每個輸入通道提取的特徵組合在「聯合向量」中。在決策級融合中,每個模態都是獨立建模和分類的。通過選擇合適的指標,如專家規則和簡單操作符(包括多數票、總和、乘積和統計權重),單峰結果在過程結束時被合併。
  • ECCV 2020 Oral | TCGM:基於資訊理論的半監督多模態學習框架
    ,融合多個模態的數據信息能夠訓練出更加準確且魯棒的分類器。但是在實際中,多模態的精標註數據十分昂貴,往往只能在每個模態上獲取少量標註數據。如何利用少量的多模態標註數據來高效地訓練分類器成為一個關鍵問題。本文將這個問題轉化為等價的半監督+多模態學習問題。在這個背景下,我們關注如何在訓練中利用好未標註的多模態數據。
  • KDD Cup 2020多模態召回比賽季軍方案與廣告業務應用
    今年,KDD Cup共設置四個賽道共五道賽題,涉及數據偏差問題(Debiasing)、多模態召回(Multimodalities Recall)、自動化圖學習(AutoGraph)、對抗學習問題和強化學習問題。
  • 用於分類和識別的多模態高維數據融合
    不幸的是,每種融合方法都存在重大問題。乘積組合規則是從貝葉斯角度來看的最佳融合模型,假設 D 模態彼此獨立,並且可以精確估計每種模態的後驗概率。但是,不幸的是,D 模態可能不會真正獨立,並且我們通常不能以很高的準確性估算後驗概率。總和策略對噪聲的容忍度更高,因為總和不會像產品一樣嚴重地放大噪聲。但是,不幸的是,加權總和是一個線性模型,不能用來研究模態之間的相互依賴性。
  • 前端框架 Bootstrap 4.4.0 發布
    4.4.0 發布了,以下是更新內容: 新的響應式 .row-cols 類,用於快速指定跨斷點的列數 新的 escape-svg() 函數,可簡化用於表單等的嵌入式背景圖像 SVG 新的 add() 和 subtract() 函數,可避免 CSS 的內置 calc 功能出現錯誤和零值 新的 make-col-auto() mixin 使 .col-auto 類可用於自定義 HTML 通過將選擇器移至
  • UI最佳實踐:深度解析模態窗口
    模態已成為今天的可怕的彈出窗口的版本。用戶發現模態窗口很騷擾人,人們本能地自動關閉這些窗口。模態窗口、疊加窗口、對話框、無論你叫它們什麼,是時候重溫這個UI模式了。當它們第一次來到現場,模態窗口是一個優雅的關於UI問題的解決方案。第一是它簡化了UI,第二是它節省了屏幕空間。從那時起,設計師就已經採用了模態窗口,有些已經採取了極端方式。
  • 深度耦合自動編碼器用於多模態傳感數據的故障診斷
    深度學習是處理機械大數據以進行多模式信息融合的一種有吸引力的選擇,因為它旨在自動發現獨立於應用程式域的重要功能。但是作者的研究發現,現有的相關方法僅利用從單個傳感器收集的振動信號來執行健康狀態分類。可以在不同級別上融合多傳感器數據:(a)傳感器級別,(b)特徵級別和(c)決策級別。每種融合策略都有其自身的優缺點。
  • 前端框架 Bootstrap 4.4.0 發布了,以下是更新內容:
    4.4.0 發布了,以下是更新內容: 新的響應式 .row-cols 類,用於快速指定跨斷點的列數 新的 escape-svg() 函數,可簡化用於表單等的嵌入式背景圖像 SVG 新的 add() 和 subtract() 函數,可避免 CSS 的內置 calc 功能出現錯誤和零值 新的 make-col-auto() mixin 使 .col-auto 類可用於自定義 HTML 通過將選擇器移至
  • Bootstrap 開源 SVG 圖標庫 Bootstrap Icons - OSCHINA - 中文...
    查看 Bootstrap Icons »https://icons.getbootstrap.com/既然 Bootstrap Icons 是 SVG 圖標庫,因此它們可以快速Bootstrap Icons 官網提供了檢索圖標種類的搜索框,用戶可根據需求使用關鍵字(英文)進行查找。