проверка не работает до сих пор представления формы

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-

<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 (только при условии, если действует).

Answer 2

Удалить onclick="this.form.submit(); из тега input-submit.

Answer 3

Попробуйте использовать вход с типом submit и не onclick событие

<input type="submit" id="submit"/> 

и вы можете поместить изображение в CSS

input#submit { 
    background-image: images/submit.gif; 
    width: 60px; 
}