Verifier le contenu d'un champ de formulaire sans action

hades38
Javascript

Bonjour,

Alors je suis novice en jquery/javascript et je voudrais vérifier le contenu d'un champ sans avoir a se servir d'un event comme keyup/focus etc...
Mon but est en fait de remplir un champ avec l'attribut x-webkit-speech en HTML5 et de le vérifier sans aucune action de la part de l'utilisateur.
Comment faire?!

Merci d'avance,

Cordialement
hades

4 réponses

MrGuillou
Réponse acceptée

A tester, il faut juste tester que chrome déclenche bien le focusin ou tester avec change

jquery(function($){
    $('#reponse').focusin(function(){
        var v = $(this).val();
        if (v!="")
        {
           if(v === 'chien'){  
               $(this).next().fadeOut();  
           }
            else{
                  $(this).next().fadeIn();
             }
        }
    });
});
MrGuillou

javascript setinterval, mais pourquoi faire cela ?

pour que le focus tombe directement dans le champ, utilise la fonction focus() avec jquery

tu peux aussi utiliser change avec jquery qui doit se déclencher à la fin de la capture, quant il affiche le contenu

attention x-webkit-speech ne fonctionne que sous chrome pour le moment

hades38
Auteur

Ok , setinterval permet de faire un traitement js a interval régulier si j'ai bien compris...

Mais comment l'utiliser?

Je vais essayer de poser mon problème plus clairement avec le code :

<head>
    <script type="text/javascript">
        $(document).ready(function(){
        $('#reponse').keyup(function(){
            if($(this).val() === 'chien'){
            $('#reponse').next().fadeOut();
            }
            else{
            $('#reponse').next().fadeIn();
            }
        });
        });
    </script>
    </head>

    <body>
        <form method="post" action="index.html">

        <label for="reponse">Réponse :</label>
        <input required autofocus x-webkit-speech name="reponse" id="reponse" type="text" />
        <span class="erreur">Mauvaise réponse</span>

        </form>
    </body>

Donc j'ai mon input et je souhaite savoir si sa valeur est 'chien'. Jusque-là, pas de problème.
Le truk c'est que je souhaite remplir l'input avec le x-webkit-speech (que sur chrome je sais^^) et vérifier en temps réel (dès que le mot apparaît) si il correspond bien à 'chien'.

Merci beaucoup pour votre aide!

hades38
Auteur

Yeah génial ca marche nikel merci beaucoup !