Question

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

我正在尝试验证这些表单，但每当我点击按钮验证它们没有任何反应。你能帮我解释为什么一无所获吗？

Answer 1

它可能无效，因为您的功能被称为verifyForm()，但您的按钮有onclick="verify();"

应为onclick="verifyForm();"

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

验证表格

1 个答案: