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();

Aumentamos el número de portátiles disponibles

Para poder atender la creciente demanda que estamos teniendo en el alquiler de ordenadores portátiles hemos aumentado el número de equipos disponibles. Disponemos de una gran cantidad de equipos de las primeras marcas del mercado.

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;}
});
}