layui form提交时,弹出确认框

浪淘沙11个月前前端228

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>


相关文章

element 加提示 el-tooltip

<el-table-column prop="ym" label="域名" min-width="150"...

layui 表单 label宽度

 <style>      .layui-form-label {     ...

element plus 链接开式,参数为模板插值

 <el-table-column label="操作" :fixed="isMobile ? false&nbs...

ueditor plus粘贴图片设置

 <script src="~/ueditor/ueditor.config.js"></script>  <scri...

echarts获取点击事件,详细参数

myChart.on('click', (params) => {    console.log(`你点击了系列 ${params.name}`); ...

layui给form 字段绑定返回值

 $.ajax({      url: "/api/feedback/readByID/" +&n...

发表评论    

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