jquery通过json数组动态生成html表单

所属分类: 网页特效-表单美化    2023-07-17 01:28:22

jquery通过json数组动态生成html表单 ie兼容6
 查看演示  登录后下载 温馨提示
登录会员即可享受免费下载
 我要建站

jquery通过json数组动态生成html表单(共4个文件)

    • index.html

使用方法

  var User = function() {
    var self = this;

    self.id = 0;
    self.username = '';
    self.firstname = '';
    self.lastname = '';
    self.email = '';
};
var user = new User();
const form = $('#form')
$('#form').TieJS({bindingSource: user});
var tiejs = form.data('tiejs').addFields([{
            type: "text",
            data: {
                label: "用户名",
                name: "username",
                placeholder: "用户名",
                attributes: ["autofocus"],
                required: true
            }
        }, {
            type: "password",
            data: {
                label: "密码",
                name: "pwd",
                placeholder: "登录密码"
            }
        }, {
            type: "number",
            data: {
                label: "手机号码",
                name: "tel",
                placeholder: "手机号码"
            }
        }, {
            type: "email",
            data: {
                label: "邮箱",
                name: "email",
                placeholder: "常用邮箱",
                required: true
            }
        }
    ]).addBindings([{
            "username": "username",
            "firstname": "pwd",
            "lastname": "tel",
            "email": "email"
        }
    ]);

站长提示:
1. 苦力吧素材官方QQ群:950875342
2. 平台上所有素材资源,需注册登录会员方能正常下载。
3. 会员用户积极反馈网站、素材资源BUG或错误问题,每次奖励2K币
4. PHP源码类素材,如需协助安装调试,或你有二次开发需求,可联系苦力吧客服。
5. 付费素材资源,需充值后方能下载,如有任何疑问可直接联系苦力吧客服
相关资源 / 表单美化

jquery表单select下拉菜单美化插件

一款带多选功能的select下拉菜单插件,展开的下拉选项可进行多选操作。
  表单美化
 3311  0

jquery点击select下拉菜单可自由添加自定义选项插件

一款集成在select下拉选项菜单中,点击other可添加自定义选项菜单特效,超实用。
  表单美化
 9281  0

一款ios风格点击滑动radio单选表单美化按钮开关

点击按钮左右滑动动画,显示开关开启文字,很实用的单选按钮美化。
  表单美化
 1345  0

自定义的Bootstrap下拉菜单组件插件

一款可自定义的表单美化下拉组件代码,针对select下拉框进行二次UI美化。
  表单美化
 2272  0

评论数(0) 回复有机会获得K币 用户协议

^_^ 还没有人评论,快来抢个沙发!
😀
  • 😀
  • 😊
  • 😂
  • 😍
  • 😑
  • 😷
  • 😵
  • 😛
  • 😣
  • 😱
  • 😋
  • 😎
  • 😵
  • 😕
  • 😶
  • 😚
  • 😜
  • 😭
发表评论