javascript - 当我从 onsubmit 返回 false 时 HTML 表单仍然提交？

Question

这是 html 表单:

 <form id="form1" name="form1" action="toSQL.php" method="get" accept-charset="utf-8"   onsubmit="return submitTest();">
<p><input type="text" name="Cliname" id="textfield" maxlength = "10" /></p>
<p><textarea name="message" id="message" maxlength = "20" ></textarea>
<input type="submit" value="submit" id="btn"/>
</form>

这里是js:

<script type="text/javascript" > 
function submitTest() { 
   if ( form1.textfield.value == "" ) {
       alert( "enter your name!!" ) ;
       form1.name.focus();
       return false ;
   } 

   if (form1.message.value == "" ) {
       alert( "type the content!!" ) ;
       form1.message.focus();
      return false ;
   } 
} 
</script> 

显示了警报，但它仍然将表单发送到 sql。我不知道:(

Answer 1

由于您的代码有错误而提交了表单。浏览器在 form1.name.focus(); 上找不到 ID 为 name 的子表单。将其更改为 form1.textfield.focus();。