Tengo un Form, y el usuario está acostumbrado a teclear información del campo 1 y oprimir Enter para cambiar al campo 2.
Cuando se oprime Enter, se envía el Form.
¿Puedo cambiar al campo siguiente con Jquery?
Gracias
| |||
| En un Form no enviar información al oprimir Enter, cambiar de campo Tengo un Form, y el usuario está acostumbrado a teclear información del campo 1 y oprimir Enter para cambiar al campo 2. Cuando se oprime Enter, se envía el Form. ¿Puedo cambiar al campo siguiente con Jquery? Gracias |
| |||
| Respuesta: En un Form no enviar información al oprimir Enter, cambiar de campo Muy buenas, es interesante lo que quieres hacer, bueno mira si con esto te sirve
Código:
ese es el código, no hay misterio alguno, lo pones y funciona en todos los formularios sin hacer ninguna modificación, fíjate en .find('input,textarea,select') , puedes agregar mas campos como por ejemplo button ect.$.fn.focusNextInputField = function(){
return this.each(function(){
var fields = $(this).parents('form:eq(0),body').find('input,textarea,select');
var index = fields.index(this);
if(index > -1 && (index + 1) < fields.length){
fields.eq(index + 1).focus();
}
return false;
});
};
function enter(e){
if(e.type === 'keydown'){
if(e.keyCode === 13 || e.keyCode === 10){
$(this).focusNextInputField();
}
}
}
$(document).ready(function(){
$('form input').keydown(enter).keyup(enter);
});
Un saludo. |
| Etiquetas: |