jQuery: validare uno username

Validare uno username è un'operazione alquanto semplice con jQuery: quello che dobbiamo verificare è l'assenza di determinati caratteri non ammessi e la lunghezza dello username. Vediamo come fare.

Possiamo utilizzare le espressioni regolari e la proprietà length delle stringhe per il nostro scopo:

var Validator = {
    rules: {
        username: /^\W+$/, // allows letters, numbers, and underscores
        length: 8
    },
    validate: function(user) {
        var value = $(user).val();
        if (this.rules.username.test(value) || value.length < this.rules.length) {
            alert('Invalid username');
        } else {
            alert('Valid username');
        }
            
    },
    init: function() {
        $('#test').submit(function(e) {
            Validator.validate('#username');
            e.preventDefault();
        });
    }
};

Validator.init();