Comment vérifier si une zone de texte est vide ou pas?

Je veux vérifier si une zone de texte contient un nom ou pas. Si non, alors, une alerte doit être sauté vers le haut de l'affichage d'un message après avoir appuyé sur un bouton de soumission et la page ne doit pas soumettre la valeur à blanc. Si elle contient une valeur, la valeur doit être soumis.

Je suis en utilisant le code ci-dessous. Quand je quitte la zone de texte vide et cliquez sur le bouton "soumettre", il affiche l'alerte comme prévu, mais elle soutient également la valeur vide après avoir rejeté l'alerte.

<html>
    <head>
        <script type="text/javascript">

            function check()
            {
                if (!frm1.FileName.value)
                {
                    alert ("Please Enter a File Name");
                    return (false);
                }
                return (true);
            }

        </script>
    </head>
    <body>
        <form name="frm1" id="frm1" action="/cgi-bin/page.pl" method="POST">
            <input type="text" name="FileName" id="FileName">       
            <input type="submit" value="send" name="btn_move" id="btn_move" onclick="check()">
        </form>
    </body>
</html>

Quel est le problème dans le code?

double possible de en Vérifiant si une zone de texte est vide en Javascript

OriginalL'auteur Rahul | 2013-07-23

  1. 7

    Que vous devez faire onclick="return check();"

    en passant ... j'ai mis en place cette pensée que tout ce qui est nécessaire, sans regarder à la question. ah bien sûr, il ne fonctionne pas. J'ai besoin de définir ce que check est d'abord

    OriginalL'auteur LUKE

  2. 4

    Essayer cette

    <html>
    <head>
        <script type="text/javascript">

            function check()
            {
                if (document.getElementById('FileName').value==""
                 || document.getElementById('FileName').value==undefined)
                {
                    alert ("Please Enter a File Name");
                    return false;
                }
                return true;
            }

        </script>
    </head>
    <body>
        <form name="frm1" id="frm1" action="/cgi-bin/page.pl" method="POST">
            <input type="text" name="FileName" id="FileName">       
            <input type="submit" value="send" name="btn_move" id="btn_move" onclick="return check();">
        </form>
    </body>
</html>
    Quelle est la différence?
    Pas besoin de la retourner (faux) support.
    Mais ce ne serait pas la raison de la question.
    Non, c'est pour mieux pratiquer
    Ok, mais les meilleures pratiques qui ne sont pas nécessairement de résoudre des problèmes. Que faites-vous pour résoudre le cas des OP problème?

    OriginalL'auteur Amit

  3. 1

    Vous revenez false de la check, mais vous êtes pas de retourner la valeur de la gestionnaire d'événement.

    Seulement si le gestionnaire d'événement renvoie false, l'action par défaut (la soumission du formulaire, dans ce cas) est empêché:

    onclick="return check();"

    Ont un coup d'oeil à la grande introduction aux gestionnaires d'événement à quirksmode.org apprendre les notions de base sur la gestion des événements (et d'apprendre les meilleures façons que dans la ligne des gestionnaires d'événements).

    En général, il est préférable d'effectuer ces contrôles pas lorsque le bouton envoyer est pressé, mais juste avant que le formulaire est soumis. Ainsi, au lieu de liaison, le gestionnaire pour le cliquez sur événement sur le bouton, le lier à la soumettre cas de la forme, par exemple (à l'aide du traditionnel des gestionnaires d'événement):

    document.getElementById('frm1').onsubmit = function() {
    if (!this.FileName.value) {
        alert ("Please Enter a File Name");
        return false;
    }
};

    L'avantage est que le contrôle sera effectué pour toutes les soumissions de formulaire, pas seulement lorsque le bouton envoyer est cliqué (par exemple, si le bouton "soumettre" est "exécuté" en appuyant sur la touche entrée).

    OriginalL'auteur Felix Kling