pourquoi ce formulaire est-il toujours soumis après le retour faux?

Question

J'ai l'intention de montrer/cacher des divs pour valider un formulaire. Mais les divs ne montrent qu'une fraction de seconde, puis le formulaire est soumis ...

Des idées pourquoi?

est ici le code:

function validateForm() { 
var name = nameEmpty(document.getElementById("annonsera_name")); 
if (nameEmpty(name)){return false;} 
return false; 
    } 
function nameEmpty(fld){ 
    if (fld.value==0) { 
     document.getElementById("annonsera_nameempty_error").style.display='block'; 
     document.getElementById("annonsera_namenotvalid_error").style.display='none'; 
     document.getElementById("annonsera_name").focus(); 
     return false; 
    } 
    else if (fld.value.match(alphaExp)) { 
     document.getElementById("annonsera_namenotvalid_error").style.display='block'; 
     document.getElementById("annonsera_name").focus(); 
     document.getElementById("annonsera_nameempty_error").style.display='none'; 
     return false; 
    } 

     document.getElementById("annonsera_nameempty_error").style.display='none'; 
     document.getElementById("annonsera_namenotvalid_error").style.display='none'; 
    return false; 

      } 

et voici la forme:

<form name="annonsera" id="annonsera" method="post" enctype="multipart/form-data" onSubmit="return validateForm();"> 

Answer 1

Il y a probablement générer une erreur et donc jamais rien retour. En supposant que vous utilisez Firefox, avez-vous vérifié la console javascript?

Je vois ce qui ressemble à un problème ici, où vous appelez nameEmpty() deux fois - une fois avec un champ, et l'autre fois avec un (probablement?) Valeur booléenne:

var name = nameEmpty(document.getElementById("annonsera_name")); // Returns boolean 
if (nameEmpty(name)){return false;} // Tries to pass boolean back into nameEmpty? 

Answer 2

Peut-être un peu hors-sujet , mais ici va ...

Vous devriez vraiment considérer JQuery Validation, c'est agréable, propre et facile à mettre en œuvre. Je l'ai fait quelques fois, et je n'ai jamais regardé en arrière depuis. Il vaut mieux la méthode de validation manuelle comme celle que vous utilisez :)

Vérifiez le example, il n'y a vraiment pas beaucoup de code à écrire, pour que la validation se fasse.

Dans votre exemple qui serait (non testé):

<script> 
    $(document).ready(function(){ 
    $("#annonsera").validate({ 
     rules: { 
     annonsera_name: { 
      required: true, 
      minlength: 1 
     } 
     }, 
     messages: { 
     annonsera_name: { 
      required: "You need to write your name", 
      minlength: jQuery.format("At least {0} characters required!") 
     } 
     } 
    }) 
    }); 
</script> 

Il y a aussi beaucoup de façons de personnalisation à travers DHTML et CSS, consultez le options.