Phone Number Form

Auto move through phone number inputs

by Brian Duffey

HTML

Phone Number:<br />
(<input type="number" name="AREACODE" maxlength="3" autofocus />) <input type="number" name="PHONE1"  maxlength="3"/>-<input type="number" name="PHONE2" maxlength="4" /> ext. <input type="number" name="EXT" maxlength="4" />

JavaScript

jQuery(function() {
    jQuery('body').on('keyup', 'input', function(e) {
        if (jQuery.trim(jQuery(this).val()).length === parseInt(jQuery(this).attr('maxLength'))) {
            jQuery('input:eq(' + (jQuery('input').index(this)+1) + ')').focus();
        } else if (jQuery.trim(jQuery(this).val()).length === 0 && e.keyCode === 8) {
            jQuery('input:eq(' + (jQuery('input').index(this)-1) + ')').focus();
        }
    });
});