调试此代码？警报不起作用？

Question

有人可以告诉我我做错了什么，当我尝试提交没有填写必填字段的表单时，我的警报不会出现。

当我只为“名称”字段包含一个警报脚本它会工作，我试图添加更多的参数，如电子邮件电话和名称到一个验证脚本，但似乎没有工作。

<script type="text/javascript"> 
function validateName() { 
var x = document.forms["form"]["Name"].value; 
if (x == null || x == "") { 
alert("your name needs to be entered"); 
return false; 
} 
} 
</script> 

<script type="text/javascript"> 
function validateEmail() { 
var x = document.forms["form"]["Email"].value; 
if (x == null || x == "") { 
alert("your email needs to be entered"); 
return false; 
} 
} 
</script> 
<script type="text/javascript"> 

function validatePhone() { 
var x = document.forms["form"]["Phone"].value; 
if (x == null || x == "") { 
alert("your phone number needs to be entered"); 
return false; 
} 
} 
</script> 

<script type="text/javascript"> 

function validateComments() { 
var x = document.forms["form"]["comments"].value; 
if (x == null || x == "") { 
alert("please enter some comments"); 
return false; 
} 
} 
</script> 

<script type="text/javascript"> 
function validateMail(email) { 
var re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)| (".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA- Z\-0-9]+\.)+[a-zA-Z]{2,}))$/; 
return re.test(email); 
} 
</script> 


<form action="formmail.php" method="get" name= "form"  onsubmit="return validateForm()" method="post"> 
<p> name </p> 
<input type="text" name="Name" min="2"/> 
<br> 
<p>email</p> 
<input type="email" name="Email" min="2"/> 
<br> 
<p> phone number</p> 
<input type="tel" name="Phone"/> 
<br> 

<h2> Team </h2> 
<p>Select your team<br/> 
</p> 
<select multiple name="interests"> 
<option value="Adults">Adults</option> 
<option value="Under12s" >Under 12s</option> 
<option value="under6s" >Under 6s</option> 
</select> 
<h2>Are you an existing member? </h2> 
<p> 
<input type="radio" name="roomRating" value="excellent">yes<br/> 
<input type="radio" name="roomRating" value="good">no<br/> 
</p> 
<p> comments </p> 
<textarea name="comments" rows="5" cols="25" id="comments"> </textarea> 
<p> 
<input onclick="myFunction" type="submit" name="submit" value="Submit"/> 
</p> 

</form> 

Answer 1

您不能有多个同名的函数validateForm，只有最后一个会持续。您可以将它们组合到一个功能中，但是，按照您目前的方法，只会生成第一个警报。也就是说，只会显示第一个错误。