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: |