JavaScript é uma linguagem de script que fornece aos desenvolvedores da Web para ativar ou desativar os campos do formulário , verifique se os dados corretos em campos e manipular as páginas de um Web browser. Os desenvolvedores podem usar um JavaScript básico if juntamente com o Document Object Model para determinar se um campo de formulário está disponível para o usuário. JavaScript é uma linguagem sensível caso , então id = " myField " é diferente do id = " MyField " . JavaScript Basics
A linguagem de script JavaScript é amplamente utilizado porque é rápido , fácil de aprender e opera no computador dos utilizadores finais , eliminando a necessidade de enviar dados de volta para um servidor web para verificação. JavaScript fornece a capacidade de interagir com os elementos do Document Object Model , o que lhe permite verificar os valores inseridos em formulários , executar cálculos e alterar os elementos de design, incluindo cor, visibilidade e disponibilidade dos campos do formulário. Usando JavaScript com DOM , você pode ativar e desativar os controles em um formulário.
Document Object Model Basics
O Document Object Model é um método padronizado para acessar e modificar elementos em campos HTML . Definido pelo Consórcio World Wide Web, o DOM , fornece métodos padronizados independentes de plataforma para alterar dinamicamente o conteúdo e estrutura em documentos HTML.
Formulário Elemento básico
formulários HTML contêm elementos, como menus suspensos , botões e campos de entrada. Como um programador Web , você pode querer exibir dados em um campo de formulário, mas não tem o usuário ser capaz de modificá-lo , a menos que uma determinada condição é satisfeita. Usando JavaScript para manipular o DOM , você pode verificar a condição e ativar ou desativar elementos do formulário com base no resultado . Elementos de formulário que podem ser desativados incluem os tipos de entrada de: " Select", "texto", " textarea " e " botão ".
Desativação Elements Usando Javascript
para verificar um elemento, ou objeto, para ver se ele está desativado , você precisa primeiro acessar o elemento . Isso pode ser feito usando a métodos document.getElementById ( 'id' ) ou document.getElementsByName ( 'Nome' ) . Para qualquer método, você precisará usar o nome exato do atributo para o campo desejado. Depois de acessar o elemento , você acessa o atributo " disabled" , adicionando um período após o método e digitando desativado. Você pode, então, fazer uma comparação , usando o operador de sinal duplo igual , para comparar com um valor verdadeiro ou falso. O código ficaria assim : . Document.getElementById (' MyElement ') == desativado verdadeiro
Para alterar o valor , use o operador de atribuição , usar um único sinal de igual e definir o atributo para "true". ou "falso". O código poderia aparecer como: . . Document.getElementsByName (' elemName ') disabled = false