javascript - 验证不起作用仍在提交表单

Question

现在又是一个问题..我的代码:

<script type="text/javascript">
function validate_form ()
{


    if ( document.myform.tele_caller.value == "" )
    {
       alert ( "Please insert the Name" );
       return false;
 }
 else
 {
 return true;
 }
}
</script>

和形式-

 <form action="telecallerinfo.php?action=modify&id=<?php echo $id;?>" method="post" enctype="multipart/form-data" name="myform" 
onsubmit="return validate_form ( );">
<table class="panel1">
 <tr>
  <td align="center">Caller Name:&nbsp;
    <input name="tele_caller" type="text" size="15" value="<?php echo $tele_caller?>" /></td>
 </tr>
 <tr>
  <td align="right">
  <input name="submit" id="submit" type="image" src="images/submit.gif" width="60" onclick="this.form.submit();"/>
  <a href="telecallerinfo.php"><img src="images/cancel.gif" height="25" width="70"/></a>
  </td>
 </tr>


</table>
</form>

现在调用了验证并且还显示了警告框，但仍在提交表单。哪里错了？

Answer 1

您正在手动调用 submit()这里:

onclick="this.form.submit();"

只需删除 onclick处理程序，不需要那个处理程序，它会自动发生，因为它在 <form> 中.

这是比较:your current code, with onclick (仍在提交)与 your code with onclick removed (仅在有效时提交)。