layui表单重置清空

今天写添加,编辑功能时,用到重置表单功能,不是点击按钮重置,而是在添加时清空一下,记录下

html代码:

  

    

  

 html代码:
  
       

 在调用弹框成功之后在success 回调函数中,写上

$('#formId')[0].reset();
 form.render();

layer.open({
            type: 1,
            anim: -1,
            title: '添加单位',
            closeBtn: 1,
            offset: 'r',
            // shade: 0.1,
            shadeClose: true,
            skin: 'layui-anim layui-anim-rl layui-layer-adminRight',
            content: $('#innerBox'),
            area: ['500px', '90%'],
            btn: ['确定', '取消'],
            success: function(layero, index) {
                  // 重置清空
                  $('#formId')[0].reset();
                  form.render();//必须写
                },
            yes: function(index, layero) {

                var submit = $('#innerBox').find('#LAY-front-submit');

                  
                //监听提交
                form.on('submit(LAY-front-submit)', function(data) {
                    var field = data.field; //获取提交的字段
                    console.log(field);
                    //     //提交 Ajax 成功后,静态更新表格中的数据

                    // admin.req({
                    //     type: "POST",
                    //     url: 'admin/login_login', //实际使用请改成服务端真实接口
                    //     data: field,
                    //     done: function(res) {
                    //            table.reload('LAY-table-manage'); //数据刷新
                    //            layer.close(index); //关闭弹层
                    //     }
                    // });
                });
                submit.trigger('click');
            }
        });

 

 

你可能感兴趣的:(前端,layui,前端)