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

我正在尝试验证这些表单,但每当我单击按钮验证它们时,什么都没有发生。你能帮我解释为什么什么都没有发生吗?

4

1 回答 1

1

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

它应该是onclick="verifyForm();"

Chrome 中的 Javascript 控制台:
在 Chrome 中,如果您单击wrench > tools > Javascript consolejavascript 控制台,则会在您的浏览器窗口底部弹出。如果您选择“控制台”选项卡,您应该会收到警告和错误消息,说明 javascript 何时遇到问题。

于 2012-05-04T03:23:08.950 回答