layui Form内容重置清空

最新推荐文章于 2024-09-09 09:04:05 发布

itlixw

最新推荐文章于 2024-09-09 09:04:05 发布

阅读量2.6k

点赞数

本文链接：https://blog.youkuaiyun.com/itlixw/article/details/110084168

版权

这段内容描述了如何使用layui库创建一个右滑弹窗，弹窗内包含表单，用于添加单位信息。表单提交时触发的是layui的表单验证和提交事件，通过点击确定按钮模拟表单提交，并在提交后可以进行数据刷新和弹层关闭的操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >


	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');
         }