Il linguaggio di scripting JavaScript è ampiamente utilizzato perché è veloce , facile da imparare e funziona sul computer di utenti finali , eliminando la necessità di inviare dati a un server web per la verifica. JavaScript fornisce la capacità di interagire con gli elementi del Document Object Model , che consente di verificare i valori inseriti nei moduli , eseguire calcoli e modificare elementi di design, tra cui il colore , la visibilità e la disponibilità dei campi del modulo . Utilizzando JavaScript con DOM , è possibile attivare e disattivare i controlli in un form .
Document Object Basics Modello
Il Document Object Model è un metodo standard per l'accesso e la modifica di elementi nei campi HTML . Definito dal World Wide Web Consortium , il DOM , fornisce metodi standardizzati indipendenti dalla piattaforma per la modifica dinamica dei contenuti e della struttura in documenti HTML .
Modulo di base Elemento
moduli HTML contengono elementi , come i menu a discesa , pulsanti e campi di introduzione . Come programmatore web , si può decidere di visualizzare i dati in un campo di modulo , ma non hanno che l'utente sia in grado di modificarlo a meno che una certa condizione è soddisfatta . Utilizzando Javascript per manipolare il DOM , è possibile controllare lo stato e attivare o disattivare gli elementi del modulo in base al risultato . Elementi del modulo che possono essere disattivate includono i tipi di ingresso di: " selezionare ", "testo ", " textarea " e " pulsante ".
Disabilitare Elementi utilizzando JavaScript
per controllare un elemento , o di un oggetto , per vedere se è disattivata , è necessario accedere prima dell'elemento. Questo può essere fatto utilizzando il document.getElementById ( 'id') o document.getElementsByName ( 'Nome' ) metodi . Per entrambi i metodi , è necessario utilizzare il nome esatto dell'attributo per il campo desiderato . Una volta che ti sei collegato all'elemento , si accede all'attributo " disabile" con l'aggiunta di un punto dopo il metodo e digitando disabilitato . È quindi possibile fare un confronto , utilizzando il doppio operatore di uguale segno, da confrontare con un valore vero o falso . Il codice sarà simile a questa: . Document.getElementById ( ' MyElement ') disabili == true
Per modificare il valore , usare l'operatore di assegnazione , utilizzare un solo segno di uguale e impostare l'attributo su "true" . o "false" . Il codice dovrebbe apparire come : document.getElementsByName ( ' ElemName ') disabilitato = false
. .
Programmazione © www.354353.com