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

浪淘沙2周前前端13
<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卡片式 新完整页面

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

Element Plus 步骤条el-steps 设置simple时,箭头换成横线

@page @model xxtsoft.Web.Entry.Pages.hr.regModel @{     Layout =&nb...

layui 表单 label宽度

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

layui table后端接口html代码,前端显示

  , { field: 'dwbq', title: '单位标签', width:&n...

layui 弹出iframe

layui 弹出iframe

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

发表评论    

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