Quel est le meilleur moyen de limiter la saisie de texte aux chiffres, aux lettres minuscules et à certains symboles?

Question

Sans utiliser jQuery, quel est le meilleur moyen de limiter l'entrée de texte d'une zone de texte aux chiffres, aux lettres minuscules et à un ensemble donné de symboles (par exemple - et _)? Si l'utilisateur entre une lettre majuscule, je voudrais qu'il soit automatiquement converti en une lettre minuscule, et si l'utilisateur entre un symbole pas dans l'ensemble donné, je voudrais être capable de montrer instantanément une erreur de validation (montrer un élément à côté ou au-dessous de la zone de texte).

Quelle est la manière la plus simple de faire cela sans l'aide de jQuery?

Answer 1

Attachez ce qui suit à l'événement onkeyup des éléments.

function onkeyup() 
{ 
    var el = document.getElementById("id"); // or however you want to get it 

    el.value = el.value.toLowerCase(); // covert to lower case 

    if (el.value.match(/[^-\d\w]/)) // check for illegal characters 
    { 
     // show validation error 
     ... 
     // remove invalid characters 
     el.value = el.value.replace(/[^-\d\w]/g, ""); 
    } 
    else 
    { 
     // hide validation error 
    } 
} 

Le regex correspond à un caractère qui n'est pas un chiffre, une lettre, un trait d'union ou un trait de soulignement.