swnuv
2017-08-06 05:50
采纳率: 33.3%
浏览 2.7k
已采纳

layer的confirm框,为什么不执行对应的函数呢?

1.会弹出123
2.但是不会弹出1
3.也不会弹出2
4.确认提交confirm框会一闪而过,之后表单提交

 <form method="post" action="<%=basePath%>questionnaire/save"  onsubmit="return check_form()" id="form_1">
</form>
function check_form(){
    alert(123);
    layer.confirm('确认提交?', 

            {
              btn: ['确定','取消'] //按钮

            }, 

            function(index){
                alert(1);
              layer.msg('感谢您参与平台调研,稍后会有工作人员联系您!', {icon: 1});
              return true;
            },
            function(index){
                alert(2);
                layer.msg('已取消!', {icon: 1});
                return false;
            }
        );
}
  • 写回答
  • 好问题 提建议
  • 关注问题
  • 收藏
  • 邀请回答

2条回答 默认 最新

  • 已采纳

    layer是div模拟的,挂起不了onsubmit事件的执行,在回掉函数里面return 返回也不是check_form的返回值,只是处理函数的返回值

    在最后return false阻止表单提交,改为ajax提交

    
    function check_form(){
        alert(123);
        layer.confirm('确认提交?', 
    
                {
                  btn: ['确定','取消'] //按钮
    
                }, 
    
                function(index){
                    alert(1);
                                    ///ajax提交的代码,ajax提交成功再执行西面这句
                                    $.ajax({url:'xxx',data:$('#form_1').serialize(),type:'POST',complete:fnction(){
                                      layer.msg('感谢您参与平台调研,稍后会有工作人员联系您!', {icon: 1});
                                    })
                /////return true;///不用了,没什么用
    
                },
                function(index){
                    alert(2);
                    layer.msg('已取消!', {icon: 1});
    
                }
            );
    
                    return false;/////////////////////
    }
    
    已采纳该答案
    评论
    解决 无用
    打赏 举报
  • 爬虫的爬虫 2017-08-08 01:50

    这样写为什么都会执行啊

    <!DOCTYPE HTML>
    <html>
    <head>
            <meta charset="UTF-8">
            <script src="jquery.min.js"></script>
            <script src="layer/layer.js"></script>
    </head>
    <script>
    function check_form(){
        alert(123);
        layer.confirm('确认提交?', 
                {
                  btn: ['确定','取消'] //按钮
                }, 
                function(index){
                    alert(1);
                  layer.msg('感谢您参与平台调研,稍后会有工作人员联系您!', {icon: 1});
                  return true;
                },
                function(index){
                    alert(2);
                    layer.msg('已取消!', {icon: 1});
                    return false;
                }
            );
    }
    </script>
    <body>
    <form name="testform" action="#" onsubmit="return check_form()">
    <input type="submit" value="Submit" />
    </form>
    
    </body>
    </html> 
    
    评论
    解决 无用
    打赏 举报

相关推荐 更多相似问题