基于bootstrap的檢驗組件:bt-validate
這是一個基于bootstrap的檢驗組件,改編自網絡。 利用了bootstrap的popover彈出組件 顯示出錯信息,允許用戶在表單組件中使用自定義驗證規則。沒有考慮 通過ajax方式 服務器返回的驗證信息情況。 用戶在ajax下,可通過 類似的語法進行設置顯示: el.next().popover("show"); 至于其他,請按js操作dom節點的方式修改popover的 顯示內容使用:
1 引入 jQuery 和 Bootstrap 庫,
2 然后綁定需要驗證的表單 $('#form').validation() 例: <script type="text/javascript"> $('#zedit').validation(); </script>
3 表單中兩種使用 示例: <input type="text" btvd-type="mail" btvd-class='btvdclass' btvd-err="data-郵箱格式不正確!" >
上面,使用了js組件中 預定義的mail驗證、自定義了popover對話框的樣式、自定義出錯信息<input type="text" placeholder="a…" btvd-el='/^[0-9]\d*$/' btvd-class='btvdclass' btvd-err="data-必須輸入數字!" >
上面中,用戶使用了自已的正則驗證、自定義了popover對話框的樣式、自定義出錯信息。</pre>
效果圖
本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!