vue vant動態表單建立

2021-10-06 21:10:34 字數 1582 閱讀 7325

原始碼git倉:

服務端返回json資料,前端根據json描述動態建立表單。

json描述如下:

}

type :描述表單的型別 text為普通文字框。 已經實現的表單元素如下:

key : 表單的id標識

label:表單的label

class:動態繫結的樣式

initvalfeedtype:初始值給定的方式。比如 普通文字「none」,執行函式"function" ,ajax請求"request"。可以根據自己的需求實現更多方式,如與其他字段值聯動

initvalfeedtypetext:如果initvalfeedtype執行為none,這裡為基本的json字串,給局需要解析。

value:預設值。當前表單的填值

showval:展示的值。對於一些元件,展示是乙個值,提交是另外乙個值,這時值是不同的。如選擇元件、checkbox元件等

disabled:是否禁用

required:是否必填

validate:校驗函式

options:其他可選項。根據情況使用

測試資料:

formel: [

}, }, , ], //與initvalfeedtype配合使用, function時為js指令碼,ajax請求時為位址、引數資訊

"value": "", //表單項的值

"showval": "新建配置庫",

"disabled": false,

"required": true,

"validate": function (item) ,

"options": {}//其他附加項。如新增事件處理等

}, },

}, },

}, },

}, ,

, ,

, , ,

, ,

, ],

"value": ,

"showval": "",

"disabled": false,

"required": false,

"validate": null,

"options": {}

}, ,

, ,

, , ,

, , ],

"value": ,

"showval": "",

"disabled": false,

"required": false,

"validate": null,

"options": {}

}]},

}, },

}]}]

效果:

vue vant動態生成

v for item,index in 4 只渲染最後一條 將字串4轉為number格式 for item,index in voltagetransform key item 電壓互感器 item name voltagetransform item edit form item required...

JQuery 動態建立表單,並自動提交

前言 寫這個是為了實現使用cookie進行自動登入的功能,下面的 是乙個元素乙個元素進行建立和賦值的,可以嘗試下將所有的html form input 全部拼好以後放到 中,再進行提交。submit的時候注意下寫法,就這樣 獲取cookie中的值,填充到表單中,提交,登入 var name getc...

js動態表單

以下為引用的內容 在asp中,動態表單可按普通表單一樣進行提交。簡易的方法是設定乙個固定表單的name,當有多個表單提交時,各表單資料會自動用 隔開,然後用split進行分割,再迴圈進行分別提交。如下 以下為引用的內容 language vbscript codepage 936 dim rs3,s...