layui form提交时,弹出确认框

浪淘沙6个月前前端141

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>


相关文章

layui select 下拉多选 xm-select

<div class="layui-fluid">     <div id="demo1&...

js 转换返回数据为json

JSON.parse(response.data);返回内容{   "statusCode": 200,   "da...

js 获取数组的值

js 获取数组的值

一、如图,获取responseItems的值二、js获取 var responseItems=JSON.parse(res.data.retBody).responseItems;...

layui postgresql 时间绑定格式化,去除2025-11-30T00:00:00

  "bmks":  layui.util.toDateString(data[0].bmks,"yyyy-MM-dd ...

layui table中单元格的行高处理

   , lineStyle: 'height: 55px;' <style>  &nbs...

layui span绑定form值

layui span绑定form值

  span{       display: block;     ...

发表评论    

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