但凡是涉及到用戶編輯信息然后保存的頁面,都涉及到一個數據是否符合要求的檢查,需要客服端和服務器端的校驗的問題; 客服端的校驗主要是為了提高用戶體驗,而服務器端的校驗為了數據的合格性 該插件也為您支持到了表單驗證,在需要驗證的列的配置中加一項required:true 再生成表單元素前面 ...
背景:本碼農.NET后端工程師,在項目開發中發現寫了很多重復的代碼, 於是自己整了一套根據配置來生成form表單的插件,針對表單的改動僅需要修改配置的json即可 使用中發現還是蠻實用的,於是開源出來貢獻與廣大博友,技術含量不算高,就一個小插件,代碼量不多但是短小精悍比較實用,大神勿噴 源碼地址 github :BootStrap智能表單 https: github.com xiexingen B ...
2015-06-04 23:17 1 11185 推薦指數:
但凡是涉及到用戶編輯信息然后保存的頁面,都涉及到一個數據是否符合要求的檢查,需要客服端和服務器端的校驗的問題; 客服端的校驗主要是為了提高用戶體驗,而服務器端的校驗為了數據的合格性 該插件也為您支持到了表單驗證,在需要驗證的列的配置中加一項required:true 再生成表單元素前面 ...
表單的布局分為自動布局和自定義布局兩種: 自動布局就是根據配置項中第二級配置項中數組的長度來自動使用不同的bootstrap柵格,通過設置autoLayout為true可以實現自動布局 自動以布局就是根據autoLayout來決定使用的柵格,通過設置autoLayout ...
本章屬於該系列的高級部分,將介紹表單中一些列的配置 1、config列的配置: 主要用於控制布局 :config:{autoLayout:true|'1,2,2,4'} true:根據配置項最里層的數量來自動使用不同的柵格, '1,2,2,4':使用指定的柵格來布局,如果配置的列數不足 ...
相信廣大博友肯定碰到過一個編輯頁面分了很多塊的情況,智能表單插件已經為您支持了這種情況, 代碼如下(鏈接地址:https://github.com/xiexingen/Bootstrap-SmartForm/blob/master/demo/form2-group-layout.html ...
這一章比較簡單哦,主要就是生產表單元素后的一些后續處理操作,比如日期插件的渲染、一些autocomplete的處理等,在回調里面處理就可以了, demo: $("input.date-picker").datepicker({ format: 'yyyy-MM-dd', autoclose ...
如圖所示的結果 上一章:BootStrap智能表單系列 一 Demo示例 下一章:BootStr ...
本章介紹如何在生成表單后,可以支持上傳圖片后可以及時預覽圖片 代碼如下(連接地址:https://github.com/xiexingen/Bootstrap-SmartForm/blob/master/demo/form3-ele-img.html): 依賴 ...
像省市縣選擇的這種,但凡是個人肯定都見過,實現方式有很多種 1.有在第一級選擇的時候去加載或者從本地對象中拿第一級對應的數據源顯示到列表中,第二級以此類推 2.也有將所有的項都加載到select中,然后通過關聯來顯示或隱藏與上一級別無關的項 感覺還是第二種簡單一些,於是使用了第二種方式來實現 ...