Étiquette : texte

[jQuery] Vérifier en cours de saisie en live si un input[type= »text »] contient du contenu avec l’événement Input et la méthode Val

Dans l’exemple qui suit, on procède à cette vérification pour désactiver une fonctionnalité de Collapse (Bootstrap) des champs de formulaires si du texte est saisi.

Si un seul champ à vérifier:

Si le champ qui a le focus n’est pas vide, on agit sur #triggerBillingAddressExtraInfo en ajoutant un style inline pointer-events: none; (qui désactive la possibilité de cliquer sur l’élément).

Si plusieurs champs à vérifier:

Sources: jQuery check if any text input has value et Detect changed input text box.

Si le champ qui a le focus n’est pas vide, on agit sur #triggerBillingAddressExtraInfo en ajoutant un style inline pointer-events: none; (qui désactive la possibilité de cliquer sur l’élément).

On ajoute la condition: si tous les champs au sein de #collapseBillingAddressExtraInfo sont vides, on retire le style inline pointer-events: none;.

Mieux, avec deux fonctions

[CSS] Aligner un texte verticalement avec display:table, display:table-cell et vertical-align:middle

Centrer un texte en hauteur avec CSS, dans un menu horizontal de navigation par exemple…

centrer_texte_en_hauteur

Simulation : http://jsfiddle.net/frontenddeveloper/Qrz58/16/

Une variante : le menu se comporte réellement comme un tableau HTML

variante

Simulation : http://jsfiddle.net/frontenddeveloper/5nkFV/2/