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

浪淘沙2个月前前端39
<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>


相关文章

layui 下拉搜索,多选,form提交

https://codecp.tech/static/xm-select/?lalalalalala=1#/basic/use<div style="margin:100px...

layui 弹出iframe

layui 弹出iframe

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

echarts 柱子包含关系

echarts 柱子包含关系

<div id="zy" style="width: 100%; height: 900px;">...

layui select 下拉被裁切 滚动显示不全的bug修复方案

<style>     .layui-form-select {      &nbs...

layui select 下拉多选 xm-select

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

发表评论    

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