layui 表单submit提交之后弹窗返回状态

form 表单需要指定id

<form id="form" action="" method="post" enctype="multipart/form-data">
    ...
    ...
    <input class="site-login-btn" type="submit" value="提交"/>

...

页面地部需要引入layui js等插件

<script src="{% static 'js/jquery-1.12.4.min.js' %}"></script>
<script src="{% static 'layui/layui.js' %}"></script>
<script src="{% static 'js/jquery.form.js' %}"></script>

<script>
    $.ajaxSetup({headers: {"X-CSRFToken": '{{ csrf_token }}'}});

    $(function () {
        $("#form").ajaxForm(function (data) {
            if (data.result == 'SUCCESS') {
                layui.use('layer', function () {
                    var layer = layui.layer;
                    layer.alert(data.msg, {
                        closeBtn: 0, btn: ['确认'], yes: function () {
                            // window.location.href = '此处可以跳转指定url';
                            window.location.href = document.referrer;
                        }
                    });
                });
            } else if (data.result == 'FAIL') {
                layui.use('layer', function () {
                    var layer = layui.layer;
                    layer.alert(data.msg, {
                        closeBtn: 0, btn: ['确认'], no: function () {
                            window.location.href = document.referrer;
                        }
                    });
                });
            }
        });
    });

</script>
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
layui中,编辑回显可以通过使用form.val()方法来实现。具体步骤如下: 1. 在打开编辑之前,先获取需要编辑的数据,并将数据赋值给元素。 2. 在中,元素的name属性需要与获取到的数据中的字段名相同。 3. 在中,使用form.val()方法将获取到的数据回显到中。 下面是一个示例代码: HTML代码: ``` <form class="layui-form" action=""> <div class="layui-form-item"> <label class="layui-form-label">用户名</label> <div class="layui-input-block"> <input type="text" name="username" lay-verify="required" placeholder="请输入用户名" autocomplete="off" class="layui-input"> </div> </div> <div class="layui-form-item"> <label class="layui-form-label">性别</label> <div class="layui-input-block"> <input type="radio" name="sex" value="男" title="男"> <input type="radio" name="sex" value="女" title="女"> </div> </div> <div class="layui-form-item"> <label class="layui-form-label">城市</label> <div class="layui-input-block"> <select name="city" lay-verify="required"> <option value=""></option> <option value="北京">北京</option> <option value="上海">上海</option> <option value="广州">广州</option> <option value="深圳">深圳</option> </select> </div> </div> <div class="layui-form-item"> <div class="layui-input-block"> <button class="layui-btn" lay-submit lay-filter="formDemo">立即提交</button> <button type="reset" class="layui-btn layui-btn-primary">重置</button> </div> </div> </form> ``` JS代码: ``` // 获取需要编辑的数据 var data = { username: '张三', sex: '男', city: '北京' }; // 打开编辑之前,将数据赋值给元素 $('input[name="username"]').val(data.username); $('input[name="sex"][value="'+data.sex+'"]').attr('checked', true); $('select[name="city"]').val(data.city); // 在中,使用form.val()方法将获取到的数据回显到中 form.val('example', data); ``` 在上面的代码中,form.val()方法的第一个参数是的lay-filter属性值,第二个参数是需要回显的数据对象。在这个例子中,的lay-filter属性值为example。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值