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

debug this code? alerts not working?

本文关键字:不起作用 代码 调试      更新时间:2023-09-26

有人能告诉我我做错了什么吗?当我尝试在没有填写必填字段的情况下提交表单时,我的警报不会出现。

当我只包含"name"字段的一个警报脚本时,它会起作用,我曾尝试在一个验证脚本中添加更多参数,如电子邮件电话和姓名,但似乎不起作用。

<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>

不能有多个具有相同名称validateForm的函数,只有最后一个函数会持久存在。您可以将它们组合为一个函数,但按照当前的方法,只会产生第一个警报。也就是说,将仅指示第一个错误。