miércoles, 15 de junio de 2016

Pasar el foco con TabIndex




Ocasionalmente necesitaremos estar cambiando el foco con JQuert en los controles HTML o ASP.NET y por algún motivo deberá ser necesario ir cambiando de acuerdo al TabIndex.

El siguiente código, ayudará a resolver esta complicación:

 

var tab = $(this).attr("tabindex");
tab++;
$("[tabindex='" + tab + "']").focus();



También puede ser probable que necesitemos que recorra todos y cada uno de los controles TEXTBOX y que antes de pasar el foco al siguiente TABINDEX realice una validación

El siguiente código, valida que estén ingresando solamente las letras V,v, F,f antes de pasar el foco

$(document).ready(function () {
            $(':text').keyup(function () {

                if ($(this).val() == 'v' || $(this).val() == 'V' || $(this).val() == 'f' || $(this).val() == 'F') {
//realizamos nuestra validación antes de continuar
                    var tab = $(this).attr("tabindex");
                    tab++;                   
                    $("[tabindex='" + tab + "']").focus(); //cambiamos el foco
                   
                }
                else {

//no cumplio con la validación, borramos el texto
                     $(this).val('');
                    $(this).focus();
                }
                return
            });
        });

No hay comentarios:

Publicar un comentario