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

jquery带锁定功能的动态添加表单提交插件

一款可自由添加的表单代码,可添加无数个,带锁定屏蔽填写和关闭按钮。
  表单美化
 190  

jquery网页滚动条美化插件

一款水平垂直滚动条美化插件,可自定义滚动条宽度、颜色等,非常实用。
  表单美化
 195  

jquery支持单选多选的DIV元素插件

一款DIV单选多选插件,可跟checkbox和radio混合使用,很有创新的特效。
  表单美化
 205  

jquery可自定义的table表格固定页眉页脚插件

一款支持自定义配置的表格插件,可固定始终显示浮动的页眉或页脚,非常实用。
  表单美化
 210  

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

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