Javascript表单验证程序不工作
由于某些原因,我的表格不起作用,它没有给我任何形式的警觉。有人能引导我走向正确的方向吗?我花了好几个小时寻找解决方案,但我遇到了困难,反复尝试同样的事情。有人能帮我解释一下发生了什么事,我哪里出错了吗Javascript表单验证程序不工作,javascript,html,validation,client-side,helpers,Javascript,Html,Validation,Client Side,Helpers,由于某些原因,我的表格不起作用,它没有给我任何形式的警觉。有人能引导我走向正确的方向吗?我花了好几个小时寻找解决方案,但我遇到了困难,反复尝试同样的事情。有人能帮我解释一下发生了什么事,我哪里出错了吗 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> &l
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script type="text/javascript src= " src="helpme.js" >
</script>
<link type="text/css" rel="stylesheet" href="Style.css"></link>
</head>
<body>
<div id="header">
</div>
<div id="main">
<form name="myForm" method="">
<p> Name</p>
<input id="fName" type="text" />
<input id="mName" type="text" size="3">
<input id="lName" type="text" "/>
<p>Age</p>
<input id="age" type="number" name="age" placeholder="20" />
<p>Email</p>
<input id="email" type="text" name="email"/>
<p>Gender</p>
<input id="gender" type="text" name="gender" size="7" placeholder="male"/>
<p> DOB:</p> <input type="date" name="DOB" id = "DOB"value="" size="10" placeholder="mm/dd/yyyy"/>
<p>Height</p>
<input type="number" id="height" name="height" placeholder="5" size="5"/>
<p>Weight</p>
<input type="number" id="weight" name="weight"/>
<p>Salary</p>
<input type="number" id="salary" name="salary"/>
<p>
<input type="submit" name="Submit" value="Submit" onClick="Validate()" />
</p>
</form>
</div>
</body>
</html>
名字
请检查.js文件的路径,该文件是否在同一目录下可用,并尝试以下javascript(helpme.js):-
函数验证(){
var检验=真;
var fName=document.getElementById(“fName”).value;
var mName=document.getElementById(“mName”).value;
var lName=document.getElementById(“lName”).value;
警报(fName);
如果(第一个==“”|最后一个==“”)
{
window.alert(“输入您的全名”);
测试=假;
}
var age=document.getElementById(“age”).value;
如果(年龄==null | |年龄==“”| |年龄100)
{
窗口提示(“输入您的年龄”);
测试=假;
}
var email=document.getElementById(“email”).value;
var at=x.indexOf(“@”);
变量点=x.lastIndexOf(“.”);
如果(在处),您可以将输入类型从“提交”更改为“按钮”,并且工作正常
但是,您的JS代码抛出了一些错误,我认为您可以修复。未定义第一个和最后一个关键字
谢谢。如果需要任何其他澄清,请告诉我
<input type="button" name="Submit" value="Submit" onClick="Validate()" />
请使用onsubmit事件
<form onsubmit="Validate()">
如果验证未通过,则返回false,不指定test=false,只返回false
function Validate() {
// var test= true;
var fName = document.getElementById("fName").value;
var mName = document.getElementById("mName").value;
var lName = document.getElementById("lName").value;
if (first==""||last=="")
{
window.alert("Enter your full name");
return false;
}
var age = document.getElementById("age").value;
if (age==null||age=="" || age<1 || age >100)
{
window.alert("Enter your age");
return false;
}
var email = document.getElementById("email").value;
var at=x.indexOf("@");
var dot=x.lastIndexOf(".");
if (at<1 || dot<at+2 || dot+2>=email.length)
{
window.alert("Not a valid e-mail address");
return false;
}
var sex = document.getElementById("gender").value;
if (sex!="M" && sex!="m" && sex!="Male" && sex!="male"
&& sex!="F" && sex!="f" && sex!="Female" && sex!="female")
{
window.alert("Enter your gender" +
"\nMale,M,male,m" + "\nFemale,F,female,f");
return false;
}
var dob = document.getElementById("DOB").value;
if (dob ==null)
{
window.alert("Enter your date of birth as shown MM/DD/YYYY");
return false;
}
var height = document.getElementById("height").value;
if (height==""||height<1)
{
window.alert("Enter your weight");
return false;
}
var weight = document.getElementById("weight").value;
if (weight==""||weight<1 && weight>600)
{
window.alert("Enter your weight");
return false;
}
var salary = document.getElementsById("salary").value;
if (isNaN(salary)|| salary> 999999.99|| salary<1 )
{
window.alert("Salary: Cannot Exceed $999999.99");
return false;
}
return true;
}
函数验证(){
//var检验=真;
var fName=document.getElementById(“fName”).value;
var mName=document.getElementById(“mName”).value;
var lName=document.getElementById(“lName”).value;
如果(第一个==“”|最后一个==“”)
{
window.alert(“输入您的全名”);
返回false;
}
var age=document.getElementById(“age”).value;
如果(年龄==null | |年龄==“”| |年龄100)
{
窗口提示(“输入您的年龄”);
返回false;
}
var email=document.getElementById(“email”).value;
var at=x.indexOf(“@”);
变量点=x.lastIndexOf(“.”);
如果(a)使用此代码:
这是一个未定义变量的问题第一个和最后一个
现在它的效果很好
祝你好运
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script>
function Validate() {
// var test= true;
var fName = document.getElementById("fName").value;
var mName = document.getElementById("mName").value;
var lName = document.getElementById("lName").value;
if (fName==""||lName=="")
{
window.alert("Enter your full name");
return false;
}
var age = document.getElementById("age").value;
if (age==null||age=="" || age<1 || age >100)
{
window.alert("Enter your age");
return false;
}
var email = document.getElementById("email").value;
var at=x.indexOf("@");
var dot=x.lastIndexOf(".");
if (at<1 || dot<at+2 || dot+2>=email.length)
{
window.alert("Not a valid e-mail address");
return false;
}
var sex = document.getElementById("gender").value;
if (sex!="M" && sex!="m" && sex!="Male" && sex!="male"
&& sex!="F" && sex!="f" && sex!="Female" && sex!="female")
{
window.alert("Enter your gender" +
"\nMale,M,male,m" + "\nFemale,F,female,f");
return false;
}
var dob = document.getElementById("DOB").value;
if (dob ==null)
{
window.alert("Enter your date of birth as shown MM/DD/YYYY");
return false;
}
var height = document.getElementById("height").value;
if (height==""||height<1)
{
window.alert("Enter your weight");
return false;
}
var weight = document.getElementById("weight").value;
if (weight==""||weight<1 && weight>600)
{
window.alert("Enter your weight");
return false;
}
var salary = document.getElementsById("salary").value;
if (isNaN(salary)|| salary> 999999.99|| salary<1 )
{
window.alert("Salary: Cannot Exceed $999999.99");
return false;
}
return true;
}
</script>
<link type="text/css" rel="stylesheet" href="Style.css"></link>
</head>
<body>
<div id="header">
</div>
<div id="main">
<form name="myForm" method="POST" onsubmit="Validate()">
<p> Name</p>
<input id="fName" type="text" />
<input id="mName" type="text" size="3">
<input id="lName" type="text" "/>
<p>Age</p>
<input id="age" type="number" name="age" placeholder="20" />
<p>Email</p>
<input id="email" type="text" name="email"/>
<p>Gender</p>
<input id="gender" type="text" name="gender" size="7" placeholder="male"/>
<p> DOB:</p> <input type="date" name="DOB" id = "DOB"value="" size="10" placeholder="mm/dd/yyyy"/>
<p>Height</p>
<input type="number" id="height" name="height" placeholder="5" size="5"/>
<p>Weight</p>
<input type="number" id="weight" name="weight"/>
<p>Salary</p>
<input type="number" id="salary" name="salary"/>
<p>
<input type="submit" name="Submit" value="Submit" />
</p>
</form>
</div>
</body>
</html>
函数验证(){
//var检验=真;
var fName=document.getElementById(“fName”).value;
var mName=document.getElementById(“mName”).value;
var lName=document.getElementById(“lName”).value;
如果(fName==“”| | lName==“”)
{
window.alert(“输入您的全名”);
返回false;
}
var age=document.getElementById(“age”).value;
如果(年龄==null | |年龄==“”| |年龄100)
{
窗口提示(“输入您的年龄”);
返回false;
}
var email=document.getElementById(“email”).value;
var at=x.indexOf(“@”);
变量点=x.lastIndexOf(“.”);
如果(ati尝试了所有操作,但仍然没有针对空白字段的弹出窗口
function Validate() {
// var test= true;
var fName = document.getElementById("fName").value;
var mName = document.getElementById("mName").value;
var lName = document.getElementById("lName").value;
if (first==""||last=="")
{
window.alert("Enter your full name");
return false;
}
var age = document.getElementById("age").value;
if (age==null||age=="" || age<1 || age >100)
{
window.alert("Enter your age");
return false;
}
var email = document.getElementById("email").value;
var at=x.indexOf("@");
var dot=x.lastIndexOf(".");
if (at<1 || dot<at+2 || dot+2>=email.length)
{
window.alert("Not a valid e-mail address");
return false;
}
var sex = document.getElementById("gender").value;
if (sex!="M" && sex!="m" && sex!="Male" && sex!="male"
&& sex!="F" && sex!="f" && sex!="Female" && sex!="female")
{
window.alert("Enter your gender" +
"\nMale,M,male,m" + "\nFemale,F,female,f");
return false;
}
var dob = document.getElementById("DOB").value;
if (dob ==null)
{
window.alert("Enter your date of birth as shown MM/DD/YYYY");
return false;
}
var height = document.getElementById("height").value;
if (height==""||height<1)
{
window.alert("Enter your weight");
return false;
}
var weight = document.getElementById("weight").value;
if (weight==""||weight<1 && weight>600)
{
window.alert("Enter your weight");
return false;
}
var salary = document.getElementsById("salary").value;
if (isNaN(salary)|| salary> 999999.99|| salary<1 )
{
window.alert("Salary: Cannot Exceed $999999.99");
return false;
}
return true;
}
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script>
function Validate() {
// var test= true;
var fName = document.getElementById("fName").value;
var mName = document.getElementById("mName").value;
var lName = document.getElementById("lName").value;
if (fName==""||lName=="")
{
window.alert("Enter your full name");
return false;
}
var age = document.getElementById("age").value;
if (age==null||age=="" || age<1 || age >100)
{
window.alert("Enter your age");
return false;
}
var email = document.getElementById("email").value;
var at=x.indexOf("@");
var dot=x.lastIndexOf(".");
if (at<1 || dot<at+2 || dot+2>=email.length)
{
window.alert("Not a valid e-mail address");
return false;
}
var sex = document.getElementById("gender").value;
if (sex!="M" && sex!="m" && sex!="Male" && sex!="male"
&& sex!="F" && sex!="f" && sex!="Female" && sex!="female")
{
window.alert("Enter your gender" +
"\nMale,M,male,m" + "\nFemale,F,female,f");
return false;
}
var dob = document.getElementById("DOB").value;
if (dob ==null)
{
window.alert("Enter your date of birth as shown MM/DD/YYYY");
return false;
}
var height = document.getElementById("height").value;
if (height==""||height<1)
{
window.alert("Enter your weight");
return false;
}
var weight = document.getElementById("weight").value;
if (weight==""||weight<1 && weight>600)
{
window.alert("Enter your weight");
return false;
}
var salary = document.getElementsById("salary").value;
if (isNaN(salary)|| salary> 999999.99|| salary<1 )
{
window.alert("Salary: Cannot Exceed $999999.99");
return false;
}
return true;
}
</script>
<link type="text/css" rel="stylesheet" href="Style.css"></link>
</head>
<body>
<div id="header">
</div>
<div id="main">
<form name="myForm" method="POST" onsubmit="Validate()">
<p> Name</p>
<input id="fName" type="text" />
<input id="mName" type="text" size="3">
<input id="lName" type="text" "/>
<p>Age</p>
<input id="age" type="number" name="age" placeholder="20" />
<p>Email</p>
<input id="email" type="text" name="email"/>
<p>Gender</p>
<input id="gender" type="text" name="gender" size="7" placeholder="male"/>
<p> DOB:</p> <input type="date" name="DOB" id = "DOB"value="" size="10" placeholder="mm/dd/yyyy"/>
<p>Height</p>
<input type="number" id="height" name="height" placeholder="5" size="5"/>
<p>Weight</p>
<input type="number" id="weight" name="weight"/>
<p>Salary</p>
<input type="number" id="salary" name="salary"/>
<p>
<input type="submit" name="Submit" value="Submit" />
</p>
</form>
</div>
</body>
</html>