Sweetalert确认表单提交失败

时间:2018-06-12 03:46:04

标签: javascript sweetalert

我在html中使用以下代码

<form name = "RegForm" id = "RegForm" class="form-horizontal" method= "post" onsubmit = "return SveFrm();" action = "action.php">

在该功能中,我正在检查错误,找到后,我发出警告:

function SveFrm(){
....
     if (err > 0){
        swal({ title: "Warning!",   
        text: "Some entries are missing.\nDo you still want to save this?",   
        type: "warning",   
        showCancelButton: true,   
        confirmButtonColor: "#5cb85c",   
        confirmButtonText: "Yes!",   
        cancelButtonText: "Cancel!",   
        closeOnConfirm: true,   
        closeOnCancel: true }, 
        function(isConfirm){   
            if (isConfirm) { 
                return true; 
            } else {
                event.preventDefault();
                event.stopPropagation(); 
                return false;
             } 
        });
     }
}

遇到错误时,警报会闪烁一秒钟,然后表单会自动提交,而不会等待任何用户输入。我的代码中没有其他可捕获的错误。显然,我的代码有问题。请帮我纠正。

1 个答案:

答案 0 :(得分:1)

删除您无法使用的代码行,您没有参考event功能

event.preventDefault();
event.stopPropagation(); 

停止提交表单的默认操作

<form onsubmit="event.preventDefault(); SveFrm();">

如果一切正常,请提交表格

 if (isConfirm) { 
              document.forms['RegForm'].submit();
            }