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表单原生美化插件

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

js+css实现的带三个选项的单选按钮美化特效代码

一款三按钮单选按钮特效,可在三种状态切换:启用、未确定和禁用。切换开关根据不同的状态显示不同颜色。
  表单美化
 4808  0

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

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

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

一款采用json数组动态生成form表单代码,简单高效,扩展性好。
  表单美化
 9934  0

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

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