Bonsoir,

j'ai une fonction toUpper qui fonctionne parfaitement mais toLower non et je ne vois pas mon erreur?

function maj(formu)
{
    var nomodif = formu.value.toUpperCase();
    formu.value = nomodif;
}

function min(formu)
{
	var prenomin = formu.value.toLowerCase();
	formu.value = prenomin;
}

<div>Nom : <input type='text' class='formul' name='portnom' onblur='maj(this)' autocomplete='off' Required/></div>
<div>Prénom : <input type='text' class='formul' name='portprenom' onblur='min(this)' autocomplete='off' Required/></div>

Bonsoir,

change le nom de ta fonction min(), en minuscule().
min est sans doute une méthode réservée je vois pas d'autre explication.

je t'invite sinon à regarder le CSS, tu as une propriété pour cela.

Cordialement.

-
Edité par Florent-Moy 15 août 2018 à 1:29:19

Bonjour!

Bien vu  c'etait bien le nom de la fonction. Merci!

Petite question : est ce qu'il y a un intérêt particulier à passer par CSS plutôt que par une fonction JS ?

Bonjour,

C'est le rôle du CSS de s'occuper de la mise en forme, donc ta question devrait plutôt être : "est-ce qu'il y a un intérêt à le faire avec JS plutôt qu'avec CSS ?" 

Si tu veux appliquer cette transformation à un moment précis (lors du blur dans ton exemple), tu as effectivement besoin de JS, sinon il est préférable d'utiliser la solution de @Spaccacuore (avec un meilleur lien)

Hello,

Comme le dit mes VDD, on passe à la solution en JS quand on atteins les limites du html/css.

En html tu as les required, les patterns,en css les animations, faire un dropdown, mettre en gras, les pseudo-class très utiles, etc...

Ton JS prend la suite pour agrémenter l'interface/expérience utilisateur, la gestion événementielle comme le blub, clic comme indiqué plus haut...

Quand je vois certains charger jQuery juste pour faire des animations, sniff....

Merci beaucoup pour vos conseils 😉

EDIT : pas tant merci que ça en fait  (je déconne), 

Visiblement quand je passe par le CSS, l'affichage est bon mais lors de l'enregistrement du formulaire dans la bdd, ce n'est plus le cas, si le clavier est en majuscule il m'enregistre des majuscules et inversement...

C'est normal ça?

-
Edité par Scueto 17 août 2018 à 13:00:08

Je me permet un "up" pour éventuellement avoir une réponse à ma question, est ce qu'il est normal que le CSS modifie l'affichage mais que celui ci ne soit pas enregistré dans ma bdd?

Oui c'est normal, le CSS agit seulement sur la présentation du html et non sur les données.

Un texte en minuscule affiché en majuscule avec le CSS restera toujours minuscule quand tu le récupéreras.