layui form提交时,弹出确认框

浪淘沙1个月前前端64

01.png

<div class="container yx-form">

    <form class="layui-form " id="form1" lay-filter="myForm" asp-page-handler="Submit">

        <table class="table tableform table-hover table-bordered" style="margin-top:0px;">
            <thead>
                <tr class="title">
                    <th colspan="2">
                        面试安排
                    </th>
                </tr>
            </thead>
            <tbody>

                <tr>
                    <td class="tip" style="width: 200px;">应聘岗位:</td>
                    <td>
                        111
                    </td>
                </tr>
                <tr>
                    <td class="tip">姓名:</td>
                    <td>
                        111
                    </td>
                </tr>
                <tr>
                    <td class="tip">面试邀请:</td>
                    <td>
                        <select asp-for="msap" lay-verify="required">
                            <option value="">请选择</option>
                            <option>安排面试</option>
                            <option>不面试</option>

                        </select>
                    </td>
                </tr>
                <tr>
                    <td class="tip">详情:</td>
                    <td>
                        <textarea asp-for="msbz" placeholder="请输入面试地点,联系电话等" lay-verify="required" class="layui-textarea"></textarea>
                    </td>
                </tr>
                <tr>
                    <td class="tip"></td>
                    <td>
                        <span class="layui-font-red">请确认信息是否准确,系统会推送微信消息给学生</span>
                    </td>
                </tr>

            </tbody>
        </table>

        <div class="mt-3">
            <center>
            
                <button type="submit" class="layui-btn layui-bg-red layui-btn-lg" lay-submit lay-filter="confirmSubmit">确认提交</button>

            </center>
        </div>

        <br>
    </form>


</div>
<script>
    layui.use(['form', 'layer'], function () {
      var form = layui.form;
      var layer = layui.layer;

      // 拦截表单提交
      form.on('submit(confirmSubmit)', function (data) {
        // 阻止默认提交
        layer.confirm('提交时,系统会推送微信消息给学生,确定要提交吗?', {icon: 3, title:'提示'}, function (index) {
          // 用户点击了确定,执行真正提交
          layer.close(index);
          // 这里可以用Ajax方式提交,也可以手动提交表单
          // 例如:
          document.querySelector('form[lay-filter="myForm"]').submit();
        });

        // 阻止默认表单提交
        return false;
      });
    });
</script>


相关文章

asp.net code webapi layui ajax post表单数据

using System; using System.Collections.Generic; using System.Linq; using Syst...

layui

//第一个实例   table.render({       elem: '#xxt-tbl...

layui 弹出iframe

layui 弹出iframe

<div class="layui-panel layui-padding-3">     <for...

layui span绑定form值

layui span绑定form值

  span{       display: block;     ...

asp.net core razor  CKEDITOR 添加等使用详细

asp.net core razor CKEDITOR 添加等使用详细

<script src="/ckeditor/ckeditor.js"></script>     &l...

layui asp.net core razor集大成应用

layui asp.net core razor集大成应用

@page @model xxtsoft.Web.Entry.Pages.sysadmins.kh.kh_pjbModel @{     Lay...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。