基于bootstrap的檢驗組件:bt-validate

jopen 11年前發布 | 114K 次閱讀 JavaScript開發 Bootstrap

這是一個基于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>

效果圖

 基于bootstrap的檢驗組件:bt-validate

項目主頁:http://www.baiduhome.net/lib/view/home/1365861486093

 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!