JavaScript验证问题
我的java脚本验证不适用于我的表单。如果onsubmit=“return(validate());”ut警报(“fsweefew”);在页面的顶部,我收到了警报,但如果我把它拿出来,它只会发送我的表单,而没有验证JavaScript验证问题,javascript,php,Javascript,Php,我的java脚本验证不适用于我的表单。如果onsubmit=“return(validate());”ut警报(“fsweefew”);在页面的顶部,我收到了警报,但如果我把它拿出来,它只会发送我的表单,而没有验证 <form name="Contact" onSubmit="return validate()" METHOD="POST" ACTION="reply.php"> <div class="Row"> <div class="Lable"&g
<form name="Contact" onSubmit="return validate()" METHOD="POST" ACTION="reply.php">
<div class="Row">
<div class="Lable">Full Name:</div> <!--End of Lable-->
<div class="input">
<input type="text" id="fullname" class="detail" name="fullname" placeholder="Full Name" />
</div> <!--End input-->
</div> <!--End row-->
<br />
<div class="Row">
<div class="Lable">Email Address:</div> <!--End of Lable-->
<div class="input">
<input type="text" id="emailaddress" class="detail" name="emailaddress" placeholder="Email Address" />
</div> <!--End input-->
</div> <!--End row-->
<br />
<div class="Row">
<div class="Lable">Your Message:</div> <!--End of Lable-->
<div class="input">
<textarea id="comment" name="comment" class="mess" placeholder="Your Message"> </textarea>
</div> <!--End input-->
</div> <!--End row-->
<br />
<div class="Row">
<div class="Lable">Select your gender:</div> <!--End of Lable-->
<div class="input">
<input type="radio" name="gender" value="male" id="gender_male" />
<label for="gender_male"/>Male
<input type="radio" name="gender" value="female" id="gender_female" />
<label for="gender_female" />Female
</div> <!--End input-->
</div> <!--End row-->
<br />
<div class="Row">
<div class="Lable">Please select your age:</div>
<!--End of Lable-->
<input type="radio" name="age" id="range1" value="18-25" />
18-25
<input type="radio" name="age" id="range2" value="26-33" />26-33
<input type="radio" name="age" id="range3" value="24-40" />34-40
<input type="radio" name="age" id="range4" value="40+" />40+<br />
</div><!--Row-->
<br />
<div class="Row">
<div class="Lable">Select 3 products that you are interested in hearing about:</div>
<!--End of Lable-->
<input type="checkbox" name="Interested[]" id="protien" value="protien" />Protien
<input type="checkbox" name="Interested[]" id="creatine" value="creatine" />Creatine<br>
<input type="checkbox" name="Interested[]" id="bcaa" value="bcaa" />BCAA
<input type="checkbox" name="Interested[]" id="power drinks" value="powerdrinks" />Power Drinks<br />
</div><!--Row-->
<br />
<div class="Row">
<div class="Lable">Where did you hear about us?</div> <!--End of Lable-->
<select>
<option value="" />Nothing
<option value="Google Search" selected="selected" id="heard[]" name="heard[]" /> Search
<option value="Word of mouth" name="heard[]" id="heard[]" /> Word of mouth
<option value="Newspaper" name="heard[]" id="heard[]" /> Newspaper
<option value="Magazine" name="heard[]" id="heard[]" /> Magazine
</select>
</div><!--Row-->
<br />
<div class="submit">
<input type="submit" id="send" Name="send" value="Send" />
</div><!--End of submit-->
<div class="Clear">
<input type="reset" id="clear" Name="Clear" value="Clear" />
</div>
</form>
全名:
电邮地址:
您的留言:
选择您的性别:
男性
女性
请选择您的年龄:
18-25
26-33
34-40
40+
选择您感兴趣的3种产品:
蛋白质
肌酸
BCAA
动力饮料
你从哪里听说我们的?
没有什么
搜寻
口头传述的
报纸
杂志
这是我的javascript
<script type="text/javascript">
<!--
function validate()
{
alert("Please enter your name");
//Check to see if name has been entered - the form is named fb_form
if (Contact.fullname.value == "")
{
alert("Please enter your name");
return false;
}
else
{
alert("Please enter your email correctly");
}
//This section checks there is an '@' in the email address string
if (Contact.emailaddress.value.indexOf('@') < 1 )
{
alert("Please enter your email correctly");
return false;
}
if (Contact.comment.value =="" )
{
alert("Please enter a message");
return false;
}
//This next section sees if one of the checkboxes has been checked
if (((Contact.gender_male.checked) || (Contact.gender_female.checked)) == false)
{
alert("Please tell us your gender");
return false;
}
if (((Contact.range1.checked) || (Contact.range2.checked) || (Contact.range3.checked) || (Contact.range4.checked)) == false)
{
alert("Please tell us your age range");
return false;
}
//All is OK, then return true
if (Contact.protien.checked || Contact.creatine.checked || Contact.bcaa.checked || Contact.powerdrinks.checked)
{
alert("good");
}
else
{
alert("bad");
return false;
}
if (Contact.heard.selectedIndex < 1 )
{
alert("Please rate our site");
return false;
}
return true;
}
//-->
</script>
您的java脚本代码中有一个问题,您的语法中缺少文档
document.Form.Name.value
要进行复选框验证,请尝试以下代码:
var options = document.getElementsByName("Interested[]");
if(options[0].checked==false && options[1].checked==false && options[2].checked==false) {
alert('Please check at least one of the options.');
return false;
}
return true;
是return(validate())还是return validate()?请尝试更正return validate())抱歉,这是return validate()。我在读了一些东西后尝试添加了它,但在发布之前没有取出它。仍然存在问题。您确定使用了正确的DOM选择器吗?@iamsllepy是的,我确定。如果我将警报放在第一行,我会在网页上看到错误,但它会忽略其余的代码。谢谢,我让所有.value字段都正常工作,但仍然存在.checked的问题。有什么想法吗?