Después de realizar la validación de un conjunto de radiobutton necesito que el foco del formulario se desplace hasta un elemento del formulario.
He creado una función que funciona perfectamente (valida los campos y activa div con mensaje de error) pero no desplaza el foco hasta el elemento indicado.
¿Alguién me puede indicar que estoy haciendo mal?
Código html:
<div id="txtotronodo" style="display: none;">
<input type="text" id="reply6" name="txtotronodo" class="form-control col-sm-12" placeholder="Indique el nodo">
</div>
Código JQuery:
$(document).ready(function() {
function validaNodo() {
var nodo = $("input[name=nodo]:radio:checked").length;
if (nodo !== 1) {
$("#nodo").css("display", "block");
$(document).on('focus', 'reply6');
$('reply6').focus();
event.preventDefault();
}
else {
$("#nodo").css("display", "none");
}
}
});
Un saludo y gracias de antemano.
<input>
lo único que necesitas es la línea$('reply6').focus();
. pero te faltaba indicar que "reply6" es un ID con el uso de "#", por lo que tendría que quedarte:$('#reply6').focus();
Esta línea te sobraría por completo:$(document).on('focus', 'reply6');