soumettre encore la forme

Question

Maintenant, voici un autre problème .. mon code:

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


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

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

maintenant la validation est appelée et la zone d'alerte est également étant affiché mais le formulaire est toujours en cours de soumission. où est l'erreur?

Answer 1

Vous appelez manuellement le submit() ici:

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

Il suffit de supprimer ce gestionnaire onclick, il n'y a pas besoin de ce gestionnaire, ça arrivera automatiquement car il est à l'intérieur du <form>.

Voici la comparaison: your current code, with onclick (en soumettant toujours) par rapport à your code with onclick removed (en soumettant seulement quand valide).

Answer 2

Supprimer onclick="this.form.submit(); de la balise input-submit.

Answer 3

Essayez d'utiliser l'entrée avec le type submit et aucun événement onclick

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

et vous pouvez mettre l'image en css

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