État quand un input est rempli ?

Résolu/Fermé

Wizix Messages postés 551 Date d'inscription dimanche 18 mars 2012 Statut Membre Dernière intervention 21 mai 2015 - 18 avril 2013 à 18:06
Mihawk Messages postés 4313 Date d'inscription mercredi 29 mars 2006 Statut Contributeur Dernière intervention 6 janvier 2015 - 19 avril 2013 à 23:04

Bonjour,
J'ai une simple question : comment s'appelle l'état quand un champ de type

<input>

est remplis ? On a

:hover

quand la souris est dessus,

:activate

quand on tape du texte dedans mais quand l'input est remplis, on a rien... Enfin je ne sais pas comment le savoir.

Merci de votre aide !

A voir également:

État quand un input est rempli ?
Youtube-mp3 état actuel - Guide
Aide etat reparation electromenager - Guide
Document rempli - Guide
Ps4 verification de l'etat du stockage ✓ - Forum PS4
No video input ✓ - Forum Matériel & Système

3 réponses

Réponse 1 / 3

Mihawk Messages postés 4313 Date d'inscription mercredi 29 mars 2006 Statut Contributeur Dernière intervention 6 janvier 2015 845
Modifié par Mihawk le 18/04/2013 à 20:34

Salut,

EDIT : pardon tu parlais des demi-classes CSS ! Non malheureusement il n'y en a pas pour cela mais tu peux utiliser les événements Javascript pour changer la classe CSS. Cf mon ancien post ci-dessous !

Il y a l'événement onFocus qui gère le fait que le curseur soit actif dedans... Et l'événement onBlur quand le curseur en sort.

Pas d'événement pour gérer le fait qu'il soit rempli, mais tu peux aisément utiliser les événements onChange ou enKeyPress pour vérifier que sa value est vide ou non pendant que l'utilisateur le modifie.

Amicalement,
Pierre.

Wizix Messages postés 551 Date d'inscription dimanche 18 mars 2012 Statut Membre Dernière intervention 21 mai 2015 15
19 avril 2013 à 07:14

Merci quand meme ! Va falloir que je me mette a JavaScript... :)

Réponse 2 / 3

Mihawk Messages postés 4313 Date d'inscription mercredi 29 mars 2006 Statut Contributeur Dernière intervention 6 janvier 2015 845
19 avril 2013 à 10:16

Une idée pour démarrer :

<input type="text" onChange="updateClass(this);"/>

<script type="text/javascript">
     function updateClass(input){
          if (input.value != ""){
               input.className = "input_rempli";
          } else {
               input.className = "input_non_rempli";
          }
     }
</script>

Réponse 3 / 3

Wizix Messages postés 551 Date d'inscription dimanche 18 mars 2012 Statut Membre Dernière intervention 21 mai 2015 15
19 avril 2013 à 16:49

Merci, je commence a comprendre. Mais quel attribut je doit mettre en css ? input_remplis ?

Mihawk Messages postés 4313 Date d'inscription mercredi 29 mars 2006 Statut Contributeur Dernière intervention 6 janvier 2015 845
19 avril 2013 à 16:56

Tu modifie le code Javascript pour donner à ton input la classe que tu souhaites. Cela te permet ensuite d'appliquer un CSS aux input comme si c'était une demi-classe :input_rempli

Wizix Messages postés 551 Date d'inscription dimanche 18 mars 2012 Statut Membre Dernière intervention 21 mai 2015 15
19 avril 2013 à 22:22

C'est genial tous ce que peux faire le javascript ! Vivement que je m'y mette ! :)

Merci pour tout !

Mihawk Messages postés 4313 Date d'inscription mercredi 29 mars 2006 Statut Contributeur Dernière intervention 6 janvier 2015 845
19 avril 2013 à 23:04

Je t'en pris :)

Discussions similaires

input signal out of range

Trouver l'Etat/Province des départements Français ?

code couleur associé a une image

état/province ?

No video input après mise en veille

Discussions similaires

Newsletters