jQuery deshabilitar un elemento de formulario

Siguiendo con algunos ejemplos de casos prácticos de jQuery, os muestro de una manera sencilla cómo deshabilitar elementos de un formulario web.

1
2
3
4
5
<form action="paginadestino.php" method="post">
<label for="nombre">Nombre</label>
<input type="text" id="nombre" name="nombre" value="Nombre ejemplo" />
<input type="submit" value="enviar" />
</form>

Si nos interesa por algún motivo deshabilitar el campo ‘nombre’, con jQuery simplemente deberemos cambiarle el atributo del elemento de la siguiente manera:

1
$("#nombre").attr("disabled",true);

De esta manera, el usuario no podrá modificar ese campo. Es un ejemplo muy sencillo, pero que si os lo trabajáis podréis utilizarlo para hacer campos de formularios dependiente (habilitar campos según lo que le suceda a otros campos del formulario).

Más información

Artículos relacionados

jQuery UI – Tutorial 1 – Introducción Breve tutorial que nos muestra que es la librería jQuery UI y un pequeño ejemplo de lo que puede hacer. jQuery User Interface nos facilitará la creaci...
FancyBox como alternativa a LightBox La mayoría de vosotros ya conocerá LightBox como una de las librerías JavaScript mas famosas para crear atractivas galerías de fotos con sus respectiv...
jQuery – Saber si un checkbox está seleccion... A la hora de enviar formularios, nos puede interesar saber si un checkbox está o no seleccionado. Para ello, jQuery nos proporciona una forma muy senc...
jQuery Plugin Tutorial – Layout Vídeo-tutorial dónde explicamos brevemente cómo utilizar el plugin Layout para jQuery. Nos permite dividir la pantalla de una aplicación para hacerla ...

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

*