jQuery: recoger valores de un formulario

Esta vez os dejo un pequeño resúmen de cómo se recogen, con jQuery, valores de un formulario.

El “truco” está en poner un id a los elementos del form para poder acceder a ellos fácilmente.

Cuadro de texto “normal” (input text)

<input id=”nombre” name=”nombre” type=”text” />

var fianza = $("input#nombre").val();

Recoger el valor de un Textarea

<textarea id=”concepto”></textarea>

var concepto = $("textarea#concepto").val();

Recoger el valor de un campo oculto

<input type=”hidden” id=”id_cliente”/>

var id_cliente = $("input:hidden#id_cliente").val();

Comprobar si un checkbox está marcado

<input type=”checkbox” id=”mostrar_valores”/> Mostrar valores

var mostrar_valores = $('#mostrar_valores:checked').val();

jQuery: función para desactivar la tecla Return en los input de un formulario

Aquí os dejo una sencilla función que permite desactivar la tecla Return en los formularios HTML usando jQuery:

function desactivar_return() {
jQuery("input").bind("keypress", function(e) {
if (e.keyCode == 13) {return false;}
});
}

Lo que hace es enlazar el evento “keypress” (pulsar tecla) con esta función. Cuando se pulse la tecla Return simplemente la función devuelve “false” y no se realiza ninguna otra acción (la acción por defecto es enviar el formulario).

Podemos hacer que nuestra función realice alguna otra acción, como por ejemplo decirle al usuario que no debe pulsar esa tecla:

function desactivar_return() {
jQuery("input").bind("keypress", function(e) {
if (e.keyCode == 13) {alert("Que no pulses RETURN!!!");return false;}
});
}