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 – Capturar valor de desplegable y esc... Estrenando nuestro perfil de CodePen.io, vamos a ver un ejemplo en jQuery que trabaja con desplegables (selects) y cajas de texto en formularios. En m...
Ejemplo AJAX envío formulario con jQuery Pequeño ejemplo de utilización de AJAX para el envío de un formulario Página del formulario (pw-pac1.html) En el header function validarUsuar...
jQuery – Cómo seleccionar una opción de Sele... Ya vimos en artículos anteriores cómo seleccionar una opción de un desplegable (select) por su valor. En este artículo vamos a ver cómo seleccionarlo ...
bideo.js – poner video en el fondo de página... Librería que permit de forma sencilla, poner un video como fondo en una página web. Es muy utilizado en páginas de inicio para intentar impactar al vi...

Deja un comentario

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

*