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. 付费素材资源,需充值后方能下载,如有任何疑问可直接联系苦力吧客服
相关资源 / 表单美化

iCheck表单原生美化插件

多种皮肤还可自定义主题色,可实用回调函数来监听输入状态,非常丰富实用!
  表单美化
 2254  0

jquery带多种表单开关时钟按钮美化插件

一款支持自定义Neumorphic风格的UI工具包,基于CS3和Ionicons/Material/FontAwesome制作的表单美化UI图标。
  表单美化
 1357  0

jquery将checkbox转换为iOS风格切换开关特效代码

一款复选框美化插件,将checkbox复选框美化后转为苹果IOS风格点选开关。
  表单美化
 3240  0

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

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

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

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