腳本之家服務(wù)器常用軟件

快捷導(dǎo)航

jQuery實(shí)現(xiàn)可視化拖拽表單特效

投訴報(bào)錯(cuò)

腳本大?。?span>20.8KB
腳本語(yǔ)言：簡(jiǎn)體中文
腳本類型：國(guó)產(chǎn)軟件
腳本授權(quán)：免費(fèi)軟件
腳本類別：jQuery
應(yīng)用平臺(tái)：jquery
更新時(shí)間：2021-08-18
網(wǎng)友評(píng)分：

360通過騰訊通過金山通過

20.8KB

詳情介紹

jQuery可視化拖拽表單是一個(gè)基于jQuery和bootstrap的可視化拖拽表單(自定義表單)效果的特效，可實(shí)現(xiàn)導(dǎo)入、導(dǎo)出、預(yù)覽、提取內(nèi)容、屬性等功能，簡(jiǎn)單實(shí)用，歡迎下載！

新增

所有控件定義在數(shù)組中,自由增減,屬性和樣式均定義為方法,自由改變

單選框,多選框,下拉框等增加默認(rèn)選中

屬性窗口增加主動(dòng)關(guān)閉

所有元素增加控件ID,并展示在設(shè)計(jì)窗口

增加清空所有元素

增加導(dǎo)出JSON格式數(shù)據(jù)

增加導(dǎo)入JSON格式數(shù)據(jù)

實(shí)現(xiàn)表單預(yù)覽,以json格式渲染表單的方式

獲取表單數(shù)據(jù)

表單屬性可以設(shè)置標(biāo)簽對(duì)齊方式(居左,居右,局上),標(biāo)簽寬度

修復(fù)

拖動(dòng)元素后,如果未正確拖動(dòng)到設(shè)計(jì)區(qū)域,隱藏提示線刪除控件后屬性框不會(huì)消失

不可以鼠標(biāo)拖動(dòng)選擇輸入的內(nèi)容和標(biāo)簽文字

優(yōu)化

所有元素設(shè)定不同自定義圖標(biāo),更加美觀直觀

設(shè)計(jì)界面增加提示線,方便看到元素占用

美化操作按鈕樣式,功能不變,占用空間更小,方便擴(kuò)展

調(diào)整部分文本提示

校驗(yàn)錯(cuò)誤默認(rèn)隱藏不占據(jù)空間,有錯(cuò)誤時(shí)展示,無錯(cuò)誤時(shí)隱藏

調(diào)整為左中右固定布局,兩側(cè)250px,中間拉滿拖動(dòng)新元素或刪除舊元素時(shí)隱藏屬性窗口

完善校驗(yàn)規(guī)則判斷,無校驗(yàn)要求的視為校驗(yàn)通過

移除彈窗js,改用bootstrap自帶的模態(tài)框優(yōu)化校驗(yàn)規(guī)則,校驗(yàn)通過返回表單數(shù)據(jù) radio類型的屬性如果數(shù)量大于2則每行只展示一個(gè)

jquery表單拖拽表單可視化

下載地址

下載錯(cuò)誤？【投訴報(bào)錯(cuò)】