jQuery: validare un codice IBAN

jQuery: validare un codice IBAN

Un codice IBAN è un esempio perfetto di uso delle espressioni regolari nella validazione lato client. Infatti viene utilizzato un pattern preciso sul valore inserito dall'utente in un campo del form. Con jQuery la validazione di questo tipo di dati è veramente semplice.

Il pattern usato è il seguente:


var reg = /^IT\d{2}[ ][a-zA-Z]\d{3}[ ]\d{4}[ ]\d{4}[ ]\d{4}[ ]\d{4}[ ]\d{3}|IT\d{2}[a-zA-Z]\d{22}$/;

Questo pattern convalida un IBAN in uso in Italia, come si desume dai primi due caratteri dell'espressione regolare. Ecco come usare questo pattern con jQuery:


$('form').submit(function(e) {
    e.preventDefault();
    if ($('div.error').length) {
        $('div.error').remove();
    }
    var iban = $('#iban').val();
    var reg = /^IT\d{2}[ ][a-zA-Z]\d{3}[ ]\d{4}[ ]\d{4}[ ]\d{4}[ ]\d{4}[ ]\d{3}|IT\d{2}[a-zA-Z]\d{22}$/;

    if (!reg.test(iban)) {
        $('<div class="error"/>').text('Not a valid IBAN').
        appendTo($(this));
    } else {
        alert('Correct IBAN');
    }
});

Potete visionare l'esempio finale in questa pagina.

Torna su