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

Información relacionada

Deja un comentario

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

*