layui提交时,弹出一个确认对话框

浪淘沙5个月前前端67
<form class="layui-form" method="post" id="myForm">
    <div class="layui-form-item layui-layout-admin">
        <div class="layui-input-block">
            <button type="submit" class="layui-btn btn-block">提交</button>
        </div>
    </div>
</form>

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

    // 拦截表单提交
    $('#myForm').on('submit', function(e){
        e.preventDefault(); // 阻止默认提交

        layer.confirm('请确认选择是否正确?', {icon: 3, title:'确认提交'}, function(index){
            // 用户点击“确定”后提交表单
            e.target.submit(); // 或者 $(e.target).off('submit').submit(); 防止死循环
            layer.close(index);
        });
    });
});
</script>


相关文章

element 显示后端返回的html json格式

"data": [         {     ...

element 调用接口返回json中的data-bs-toggle="tooltip" data-bs-title="查阅"

<el-table ref="tableRef"><el-table-column prop="files" label=...

js 转换返回数据为json

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

layui ajax请求 post 参数采用 [FromForm] 模式

 // 提交事件  form.on('submit(form1-submit)', function (data) {...

Layui卡片式 新完整页面

<div class="layui-fluid">     <blockquote class=&q...

layui 表单 label宽度

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

发表评论    

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