Javascript 单击“提交”按钮后如何重新加载表单?

Javascript 单击“提交”按钮后如何重新加载表单?,javascript,html,Javascript,Html,我对JavaScript非常陌生,不知道如何解决这个问题。现在,如果您单击“提交”按钮,您将收到一条警告消息,但当您关闭它时,所有条目仍然存在 function contactform(){ var fname = document.getElementById("fnameinput"); var lname = document.getElementById("lnameinput"); var email = document.getElementById("emailinput")

我对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,);

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

要重新加载页面,只需将
窗口的位置设置为
'

您可以这样做:

window.location=''
或者像这样:

window.location.assign(“”)
您的完整功能如下所示:

函数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)){
提醒(“谢谢,+fname.value+”+lname.value+“\n”+“我们很快会回复您的!”);
窗口。位置。分配(“”);
}else alert(“请填写所有字段”);
}
或者,通过一些重构:

函数contactform(){
const fname=document.getElementById(“fnameinput”);
const lname=document.getElementById(“lnameinput”);
if(fname.value&&lname.value&(document.getElementById(“emailinput”).value | | document.getElementById(“phoneinput”).value)){
警报(`Thank you,${fname.value}${lname.value}\n我们会很快给您回复!`);
窗口。位置。分配(“”);
}else alert(“请填写所有字段”);
}

这是否回答了您的问题@Deborahwarsen Your welcome:)在做了一些研究之后,看起来使用
window.location.reload()
是一种更标准的方法,但它们都有相同的结果