El lenguaje de secuencias de comandos JavaScript se utiliza mucho porque es rápido , fácil de aprender y opera en el ordenador de los usuarios finales , lo que elimina la necesidad de enviar datos a un servidor web para su verificación. JavaScript ofrece la posibilidad de interactuar con los elementos del modelo de objetos de documento , lo que le permite verificar los valores introducidos en los formularios , realizar cálculos y cambiar los elementos de diseño , incluyendo el color , la visibilidad y la disponibilidad de los campos de formulario . Uso de JavaScript con DOM , se puede activar y desactivar los controles de un formulario.
Document Object Model Basics
El Document Object Model es un método estándar para acceder y modificar los elementos en campos HTML . Definido por el Consorcio World Wide Web, el DOM proporciona métodos estandarizados , independientes de la plataforma para cambiar dinámicamente el contenido y la estructura de documentos HTML.
Elemento de formulario básico
< p > formularios HTML contienen elementos como menús desplegables , botones y campos de entrada . Como programador Web , es posible que desee mostrar los datos en un campo de formulario , pero no tener el usuario sea capaz de modificarlo a menos que se cumpla una determinada condición . Uso de JavaScript para manipular el DOM , se puede comprobar el estado y activar o desactivar los elementos de formulario basado en el resultado. Elementos de formulario que se pueden desactivar son los tipos de entrada de: " seleccionar ", " texto ", " textarea " y " botón. "
Deshabilitar elementos utilizando Javascript
para comprobar un elemento u objeto , para ver si está desactivado , es necesario acceder a la primera el elemento . Esto se puede hacer utilizando el document.getElementById ('id ') o document.getElementsByName ( "Nombre" ) métodos. Para cualquier método, es necesario utilizar el nombre exacto del atributo para el campo deseado. Una vez que haya accedido al elemento, se accede al atributo " disabled" mediante la adición de un punto después del método y escribir deshabilitado . A continuación, puede hacer una comparación , utilizando el operador de signo igual doble, para comparar a un valor verdadero o falso. El código sería el siguiente : . Document.getElementById ( ' MyElement ' ) == true discapacitados
Para cambiar el valor, utilice el operador de asignación , utilice un solo signo igual y establezca el atributo a "true " . o "false" . El código aparecería como : document.getElementsByName ( ' ElemName ' ) disabled = false
. .