单击提交按钮后如何重新加载表单？

Question

我对JavaScript非常陌生，不知道如何解决此问题。现在，如果您单击“提交”按钮，您将收到一条警报消息，但是当您关闭它时，所有条目仍然存在。

function contactform(){
 var fname = document.getElementById("fnameinput");
 var lname = document.getElementById("lnameinput");
 var email = document.getElementById("emailinput");
 var phone = document.getElementById("phoneinput");


fname.value && lname.value && (email.value || phone.value) ? alert 
("Thank you, " + fname.value + " " + lname.value + "\n" 
+ "We will get back to you shortly!") : alert ("Please fill in all fields.");
}


document.getElementById("submit").addEventListener("click", contactform, false,);

我希望在单击“提交”按钮后重新加载整个页面。

Answer 1

要重新加载页面，只需将window.location设置为''

您可以这样做：

window.location = ''

或类似这样：

window.location.assign('')

您的全部功能如下：

function contactform(){
 var fname = document.getElementById("fnameinput");
 var lname = document.getElementById("lnameinput");
 var email = document.getElementById("emailinput");
 var phone = document.getElementById("phoneinput");

    if(fname.value && lname.value && (email.value || phone.value)) {
        alert("Thank you, " + fname.value + " " + lname.value + "\n" + "We will get back to you shortly!");
        window.location.assign('');
    } else alert("Please fill in all fields.");
}

或者，经过一些重构：

function contactform(){
 const fname = document.getElementById("fnameinput");
 const lname = document.getElementById("lnameinput");

    if(fname.value && lname.value && (document.getElementById("emailinput").value || document.getElementById("phoneinput").value)) {
        alert(`Thank you, ${fname.value} ${lname.value}\nWe will get back to you shortly!`);
        window.location.assign('');
    } else alert("Please fill in all fields.");
}