État quand un input est rempli ?

Résolu/Fermé

Wizix Messages postés 554 Date d'inscription dimanche 18 mars 2012 Statut Membre Dernière intervention 21 mai 2015 - 18 avril 2013 à 18:06
Mihawk Messages postés 4315 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 ?
État - Guide
Document rempli - Guide
Input signal out of range - Forum Ecran
L'état actuel de votre sim ne requiert aucune activation ✓ - Forum Mobile
Aide etat reparation electromenager - Accueil - Sauvegarde

3 réponses

Réponse 1 / 3

Mihawk Messages postés 4315 Date d'inscription mercredi 29 mars 2006 Statut Contributeur Dernière intervention 6 janvier 2015 846
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 554 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 4315 Date d'inscription mercredi 29 mars 2006 Statut Contributeur Dernière intervention 6 janvier 2015 846
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 554 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 4315 Date d'inscription mercredi 29 mars 2006 Statut Contributeur Dernière intervention 6 janvier 2015 846
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 554 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 4315 Date d'inscription mercredi 29 mars 2006 Statut Contributeur Dernière intervention 6 janvier 2015 846
19 avril 2013 à 23:04

Je t'en pris :)

Discussions similaires

input signal out of range

L'état actuel de votre carte sim ne requiert aucune activation

état/province ?

Comment faire le symbole coeur vide/coeur blanc

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