Forcer la saisie en majuscule dans une input avec JavaScript

Parfois, nous devons forcer la saisie du texte en majuscule dans un champ de texte, pour que l’utilisateur ne puisse y ajouter que les majuscules. Avec JavaScript, vous pouvez convertir automatiquement la valeur d’une input lors du frappe. Non seulement avec JavaScript, nous allons découvrir trois manières différentes de transformer les données d’un champs de texte en majuscules lors du frappe.
 
 

Méthode 1: Avec JavaScript
<input type="text"  onkeyup="this.value=this.value.toUpperCase()"/>
Résultat

 

Méthode 2: Avec CSS
<input style="text-transform: uppercase" type="text" />

 

Méthode 3: Avec JQuery
$(document).ready(function(){
    $('#myId').keyup(function(){
        $(this).val($(this).val().toUpperCase());
    });
});
QCM JavascriptQCM Javascript – Partie 1QCM sur Javascript avec des réponses pour la préparation des tests techniques, des tests en ligne, aux examens et aux certifications. Ces questions et réponses…Lire plus
Partagez cet article

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *