Se avete dovuto inserire un numero seriale o una licenza in un form, allora avrete visto in azione l'avanzamento automatico sui campi dei form.
Funziona in questo modo: quando si digita nel campo o vi si incolla del testo, viene eseguita una validazione che se ha esito positivo sposta il focus sul campo successivo. Ecco un'implementazione di base:
(function( $ ) {
$(function() {
var $inputs = $( ".serial-input" ),
validLicense = /^\d{4}$/;
$inputs.on( "keyup paste", function() {
var value = $( this ).val();
if( validLicense.test( value ) ) {
var $next = $( this ).next();
if( $next.is( ".serial-input" ) ) {
$next.focus();
}
}
});
});
})( jQuery );