vérification de la longueur de la valeur du champ de texte

Je suis en train de voir si le champ de texte de longueur est au moins d'une certaine longueur. voici mon code:

<form name="form2" id="form2" onsubmit="return validate()">
length 4: <input type="text" name = "t" id="t" />
<input type="button" name="submit" value="submit" />
</form>

<script>
function validate() {
    document.write("good");
    submitFlag = true;
    if(document.form2.t.value.length!=4){
        submitFlag=false;
        alert("ivalid length - 4 characters needed!");
    }
    return submitFlag;
}
</script>

lorsque je clique sur soumettre, rien ne se passe.

Vous êtes à l'aide de document.write() dans le mauvais contexte, encore une fois...

OriginalL'auteur droidus | 2012-04-18

  1. 5

    Changer votre bouton soumettre pour type="submit". La forme n'est jamais soumis pour la validation de la fonction n'est pas appelée.

    OriginalL'auteur Geoff Warren

  2. 1

    Le type d'entrée doit être "soumettre" 

    <form name="form2" id="form2" onsubmit="return validate()">
   length 4: <input type="text" name = "t" id="t" />
    <input type="submit" name="submit" value="submit" />  <!--INPUT TYPE MUST BE SUBMIT -->
    </form>

    <script>
    function validate() {
        document.write("good");
        submitFlag = true;
        if(document.form2.t.value.length!=4){
            submitFlag=false;
            alert("ivalid length - 4 characters needed!");
        }
        return submitFlag;
    }
</script>

    OriginalL'auteur daker

  3. 0

    Vous voulez probablement supérieure ou égale à (>=), plutôt que de ne pas égal à (!=) si vous voulez "au moins une certaine longueur"

    OriginalL'auteur Christopher Scott

  4. 0

    Votre bouton doit être

    <input type="submit" name="submit" value="submit" />

    sinon le onsubmit événement ne se produira pas. Aussi, l'utilisation console.log() pour le débogage, plutôt que de document.write().

    OriginalL'auteur paislee

  5. 0

    Il ya quelques questions que vous avez. 1) Vous avez besoin pour faire de votre entrée un bouton de soumission et 2), vous devez retirer votre document.write() déclaration. Changer votre code à la suivante (ou voir ce jsFiddle):

    <form name="form2" id="form2" onsubmit="return validate()">
length 4: <input type="text" name = "t" id="t" />
<input type="submit" name="submit" value="submit" />
</form>

<script>
function validate() {
    submitFlag = true;
    if(document.form2.t.value.length!=4){
        submitFlag=false;
        alert("ivalid length - 4 characters needed!");
    }
    return submitFlag;
}
</script>​​​​

    Vous étiez assez proche, mais vous pouvez utiliser un peu de ménage sur ce code (Note: je n'ai pas fournir tout).

    OriginalL'auteur scottheckel

  6. 0

    Vous devez également ajouter un attribut maxlength pour votre saisie de texte, ça va permettre à l'utilisateur.

    <form name="form2" id="form2" onsubmit="return validate();">
    <input type="text" name="t" id="t" maxlength="4"/>
    <input type="submit" name="submit" value="submit"/>
</form>

<script type="text/javascript">
    function validate()
    {
        if ( document.getElementById("t").value.length != 4 )
        {
            alert( "Invalid length, must be 4 characters" );
            return false;
        }   
        return true;
    }
</script>

    OriginalL'auteur Jonathan Payne

  7. 0

    J'ai repéré plusieurs erreurs:

    • ne pas utiliser document.write(), il va remplacer le document actuellement ouvert
    • form2 est pas la propriété de document. Vous pouvez utiliser document.forms.form2, mais document.getElementById("t") est plus simple ici
    • Votre expression n'a pas de case à cocher pour "au moins 4", il vérifie "exactement 4".
    • Votre bouton n'est pas nécessaire de soumettre quoi que ce soit. Changer de <button type="submit"> ou <input type="submit" />
    • vous pouvez spécifier un pattern=".{4}" pour l'entrée ou de lui donner un required attribut
    1. que dois-je utiliser à la place? il suffit d'écrire le message à un div? 2. form2 est le nom/id de la forme. je suppose que ce tutoriel livre que je suis en utilisant doit être vraiment vieux.... 3. est-il un avantage à l'utilisation de javascript pour min/max longueur?
    Oui, une fois que le document est chargé, vous avez besoin de manipuler le DOM; par exemple manipuler l'innerText d'un div. @Validation HTML5: L'avantage est que vous n'aurez pas besoin de javascript dans les navigateurs modernes). BTW: min/max sont uniquement pour les numéros de

    OriginalL'auteur Bergi