Javascript 防止在返回 false 的情况下重新加载

Question

我的 html 页面带有一个表单，onsubmit 会调用 javascript 函数来检查某些值:

html:

<form onsubmit="isempty();" role="form">

isempty():

function isempty() {
    var r_1;
    var r_2;
    var r_3;


    r_1 = document.getElementById("t_select");
    r_2 = document.getElementById("t_descr");
    r_3 = document.getElementById("t_terms");

    if((r_1.value == "Please select...") || (r_2.value == "") || (r_3.checked == false)) {
        alert("Please fill in all the form fields including the terms of use to proceed with the publication");
        return false;
    } else {
        //OK
    }

}

所有工作已完成，唯一的问题是，如果检查失败，页面显示警报然后重新加载，清除所有预览插入的数据。如何在失败时显示警报，然后卡住页面(不重新加载)？

提前非常感谢

Answer 1

您应该在 onSubmit 事件中返回一个值来控制提交。

<form onsubmit="return isempty();" role="form">

并让函数返回 true 或 false 来进行控制。