Minitip: Deshabilitar un formulario con jQuery

Deshabilitar un formulario con jQuery es súper práctico porque no tienes que ir por cada campo poniendo “readonly=” ni “disabled=”, o sea que te ahorras código repetido, y por ende posibilidad de escribir algo mal.

Dependiendo de las características de cada formulario, habrá momentos en los que quieras deshabilitar sus campos. El caso que voy a comentar es un formulario de creación, que cuando le des a guardar guarde los campos, claro, y muestre en el mismo formulario un mensaje diciendo que se ha guardado el objeto, y claro, deshabilite el formulario.

Lo que he hecho yo es meter la instrucción en la función $(document).ready, y así me aseguro de que hace la comprobación cada vez que se carga la pantalla, pero cada uno lo usará como el programa le pida 😛

La instrucción es la siguiente:

$('#idFormulario input').attr('disabled', 'disabled');

quien dice “disabled” dice “readonly”, claro:

$('#idFormulario select').attr('readonly', 'readonly');

Detrás de #idFormulario está el tipo de campo que se quiere modificar, o sea que necesitaréis poner una instrucción de esas para cada tipo de campo: Input, select, o lo que tengáis.

 

……

Espero que esta entrada pueda ser de utilidad, y si no, como siempre, aquí tenéis un gato para compensar:

memestache.com_25013_1370295067

Deja una respuesta

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

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.