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网页滚动条美化插件

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

jquery精仿IOS苹果手机系统开关美化插件

一款轻量级开关按钮美化插件,简洁美观大气的IOS风格开关按钮,提供了多种(6种)自定义风格。
  表单美化
 2728  0

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

一款select下拉菜单表单美化插件,带有两种加载方式:JS数组加载菜单、JSON字符串加载菜单。
  表单美化
 6672  0

jquery自定义带radio单选按钮的下拉列表插件

一款自定义选择插件,基于Bootstrap创建的下拉框,选项列表菜单带radio单选按钮。
  表单美化
 9678  0

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

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