表单验证

<script type="text/javascript"> 

//<![CDATA[ 

function verifyForm() 

{ 

    if(document.forms[0].age.value < 18 || >30) 

    { 
     alert(" The age input is not valid."); 
     return false; 
    } 

    alert("Form is valid"); 
    return true; 

} 

//]]> 

</script> 

</head> 

<body> 

Enter the following information. Fields denoted with a * are required. 

<form action="" method="post" name="aform"> 

<table> 

<tr><td>Enter first name</td><td><input type="text" name="first" /></td></tr> 
<tr><td>Enter last name</td><td><input type="text" name="last" />*</td></tr> 
<tr><td>Enter your age</td><td><input type="text" name="age" size="5" />*</td></tr> 
<tr><td>Enter your sex</td><td><input type="text" name="sex" size="2" />*</td></tr> 
<tr><td>Enter your favorite color</td><td><input type="text" name="color" /></td></tr> 

<tr><td><input type="button" value="Submit" onclick="verify();" /></td></tr> 

</table></form>

我试图验证这些表单，但每当我点击按钮来验证它们什么都没有发生。你能帮我解释为什么什么事情都没有发生？表单验证

来源

2012-05-04 jonathan miller

'document.forms [0] .age.value < 18 || > 30' ---你从哪里找到这样的语法？你刚刚写到“你的年龄值小于18岁或超过30岁”？ – zerkms

实际上，这说的是“意想不到的标记”效果“ – rjz

你用什么浏览器测试？大多数（所有？）浏览器这些天都有一个JavaScript控制台，这将帮助您调试您的问题。这是开发javascript时非常宝贵的工具。 – David

它可能不工作，因为你的函数被调用verifyForm()但你的按钮有onclick="verify();"

应该onclick="verifyForm();"

的Javascript控制台在Chrome：
在Chrome中，如果你点击wrench > tools > Javascript console的JavaScript控制台将弹出在浏览器窗口的底部。如果您选择'控制台'选项卡，则应该会收到警告和错误消息，说明javascript何时遇到问题。

来源

2012-05-04 03:23:08 David

我试过，但同样的事情发生 –

这绝对是你的问题之一。 @zerkms是另一个。您可能有更多，并在JavaScript控制台将帮助您找到那些。 – David

回答

相关问题