bootstrap 动态新增行使用formValidation校验

//先append 内容 不然校验会丢失一行
 $('#model').append('内容'); 

//动态新增行按钮事件
$(#save).click(function(){
//使用 formValidation.addField 添加字段校验
 $('#saveForm').formValidation('addField', "userAge", {
            validators: {
                notEmpty: {
                    message: '不能为空'
                },
                numeric: {message: '只能输入数字'}
            }
        });
 $('#saveForm').data('formValidation');
});
//userAge(<input type="text" name=userAge/>) 为name属性可以重复,和动态行一样id可以重复

效果展示 

添加简单append即可

删除操作找到一行的父节点删除

 $(document).on("click", "#delete", function () {
        $('#delete').parent().parent().remove();
    });

添加 

 

校验 

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值