validacion - validar formulario javascript onclick
¿Cómo centrarse en un campo de texto de entrada de formulario en la carga de la página usando jQuery? (10)
¿Por qué todo el mundo está usando jQuery para algo tan simple como esto?
<body OnLoad="document.myform.mytextfield.focus();">
Probablemente esto sea muy simple, pero ¿podría alguien decirme cómo hacer que el cursor parpadee en un cuadro de texto cuando se carga la página?
Esto es lo que prefiero usar:
<script type="text/javascript">
$(document).ready(function () {
$("#fieldID").focus();
});
</script>
HTML:
<input id="search" size="10" />
jQuery:
$("#search").focus();
La forma más sencilla y fácil de lograr esto.
$(''#button'').on(''click'', function () {
$(''.form-group input[type="text"]'').attr(''autofocus'', ''true'');
});
Lo siento por golpear una vieja pregunta. Encontré esto a través de google.
También vale la pena señalar que es posible usar más de un selector, por lo que puede apuntar a cualquier elemento de formulario, y no solo a un tipo específico.
p.ej.
$(''#myform input,#myform textarea'').first().focus();
Esto enfocará la primera entrada o el área de texto que encuentre, y por supuesto también puede agregar otros selectores a la mezcla. Hnady si no puede estar seguro de que un tipo de elemento específico sea el primero, o si desea algo un poco general / reutilizable.
Piensa en tu interfaz de usuario antes de hacer esto. Supongo (aunque ninguna de las respuestas lo ha dicho) que lo hará cuando se cargue el documento utilizando la función ready() jQuery. Si un usuario ya se ha centrado en un elemento diferente antes de que el documento se haya cargado (lo cual es perfectamente posible), es extremadamente irritante que se le quite el enfoque.
Puede verificar esto agregando atributos de onfocus en cada uno de sus elementos <input> para registrar si el usuario ya se ha centrado en un campo de formulario y luego no puede robar el enfoque si tiene:
var anyFieldReceivedFocus = false;
function fieldReceivedFocus() {
anyFieldReceivedFocus = true;
}
function focusFirstField() {
if (!anyFieldReceivedFocus) {
// Do jQuery focus stuff
}
}
<input type="text" onfocus="fieldReceivedFocus()" name="one">
<input type="text" onfocus="fieldReceivedFocus()" name="two">
Poner el foco en el primer campo de texto:
$("input:text:visible:first").focus();
Esto también hace el primer campo de texto, pero puede cambiar el [0] a otro índice:
$(''input[@type="text"]'')[0].focus();
O bien, puede utilizar el ID:
$("#someTextBox").focus();
Por supuesto:
<head>
<script src="jquery-1.3.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$("#myTextBox").focus();
});
</script>
</head>
<body>
<input type="text" id="myTextBox">
</body>
Puede utilizar HTML5 autofocus para esto. No necesitas jQuery u otro JavaScript.
<input type="text" name="some_field" autofocus>
Tenga en cuenta que esto no funcionará en IE9 e inferior.
colocar después de la entrada
<script type="text/javascript">document.formname.inputname.focus();</script>