單擊提交按鈕后如何重新加載表單？

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 看起來像這樣：

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.");
}