jQuery restringere gli input possibili in un form

In questo articolo vediamo come restringere il campo di possibili input in un elemento di un form, mediante l’uso di jQuery.

Si da per scontato l’inclusione della libreria all’interno della pagina mediante il tag <script>.

Caso 1:

E’ consentito l’immissione di soli numeri all’interno di un input text. Esempio l’inserimento di un numero telefonico:



Codice jQuery:

$(document).ready(function() {     $('.phoneInput').keypress(function(key) {         if(key.charCode < 48 || key.charCode > 57) return false;     });

Caso 2:

E’ consentito l’immissione di soli caratteri alfanumerici. Esempio l’inserimento del nostro cognome.



Codice jQuery:

$('.surnameInput').keypress(function(key) {
if((key.charCode < 97 || key.charCode > 122) && (key.charCode < 65 || key.charCode > 90) && (key.charCode != 45)) return false;
});

Michele Pierri

Sviluppatore android/web/desktop, blogger, nonchè sostenitore incallito dell'universo Cloud Computing, nel tempo libero amo fare sport e praticare arti marziali.