value.length <10 return false ne fonctionnait pas

Question

J'utilisais une condition onsubmit pour renvoyer false si le champ de texte ne contenait pas plus de 10 caractères mais il a arrêté de se soumettre du tout à l'instant, je ne pense pas avoir changé quoi que ce soit moins la condition mais évidemment j'ai dû faire quelque chose.

<form class="form-new" action="insert/insert.php" method="post" onsubmit="if (document.getElementById('post-input').value.length < 10) return false;"> 
    <textarea class="form-new" id="post-input" name="text"></textarea><br/> 
    <input type="hidden" name="ciudad" value="<?=$city;?>"> 
    <input type="text" name="colegio" value="<?=$group;?>"> 
    <input class="form-new" type="submit" value="Publicar"/> 
</form> 

Y a-t-il un moyen de contourner? Ou est-ce que je le fais juste mal? Merci

Answer 1

Voici your example. Mais jetez un oeil, si vous retournez false dans onsubmit le formulaire sera envoyé quand même. Pour effectuer alerte ou quelque chose comme ça, vous devriez faire quelque chose comme ceci:

<script type="text/javascript"> 
    function checkLength() { 
     var textarea=document.getElementById('post-input'); 
    alert(textarea.value.length >= 10); 
     if (textarea.value.length >= 10) { 
      document.getElementById('myform').submit(); 
     } 
    } 
</script> 

<form class="form-new" action="insert/insert.php" id="myform" method="post"> 
    <textarea class="form-new" id="post-input" name="text"></textarea><br/> 
    <input type="hidden" name="ciudad" value="<?=$city;?>"> 
    <input type="text" name="colegio" value="<?=$group;?>"> 
    <input class="form-new" type="button" value="Publicar" onclick="checkLength()"/> 
</form> 

et c'est le lien: http://jsfiddle.net/YNcU4/1/.

MISE À JOUR: Veuillez lire les commentaires. Le code d'origine devrait fonctionner.