layui的确认弹出层的玩法

项目中用的windows的confirm确认框 感觉很low 改了一下
遇到两个问题
使用layui前:

function outExcel(url) {
    if (confirm("导出前请确认相关信息!你确定导出吗?")) {
        var projectUrl =window.document.location.pathname;
        var projectName = projectUrl.substr(0,projectUrl.substr(1).indexOf('/')+1);
        var oldAction=$("#searchForm").attr("action");
        $("#searchForm").attr("action",projectName+url);
        $("#searchForm").submit();
        $("#searchForm").attr("action",oldAction);
    }
}

正确的使用layui后:

function outExcel(url) {
    layer.confirm('导出前请确认相关信息!你确定导出吗?', {
        btn: ['确定','取消'] //按钮
    }, function(index){
        layer.close();
        var projectUrl =window.document.location.pathname;
        var projectName = projectUrl.substr(0,projectUrl.substr(1).indexOf('/')+1);
        var oldAction=$("#searchForm").attr("action");
        $("#searchForm").attr("action",projectName+url);
        $("#searchForm").submit();
        $("#searchForm").attr("action",oldAction);
        layer.close(index);
    }, function(){
    });
    return false;

1.第一个问题:
我用的根据id提交表单 然后它不用点确认一闪而过就直接提交了
解决方案:
后边加了个return false;

还有可能就是表单默认提交了 我们要阻止表单的默认提交
表单内的

你可能感兴趣的:(layui的确认弹出层的玩法)