Come fare tutti gli elementi di un form disabili

June 10

Come fare tutti gli elementi di un form disabili


moduli web con elementi disabili a volte può aiutare gli utenti invece di ostacolare. moduli Web sono costituite da bottoni, etichette e caselle di testo. progettisti di siti usano moduli per ottenere dati da parte dei visitatori del sito. Gli utenti in genere si aspettano controlli per lavorare su un sito web. Tuttavia, ci possono essere momenti, come ad esempio dopo che un utente invia un modulo, quando è necessario per impedire all'utente di utilizzare nuovamente il modulo. Un modo efficace per disattivare tutti gli elementi su un modulo è quello di utilizzare JavaScript.

istruzione

1 Avviare il Blocco note. Aprire uno dei documenti HTML che contiene un modulo.

2 Individuare tag "Form" del modulo. Essa sarà simile a quella mostrata di seguito:

<Form method = "post">

3 Aggiungere "id =" form1 ' "al tag form in modo che la dichiarazione modulo recita come segue:

<Form id = "form1">

Aggiungendo la proprietà "id" per la forma, si rendono possibile per una funzione JavaScript per identificare la forma e gestirlo.

4 Aggiungere il seguente codice in qualsiasi posizione nelle sezioni "corpo" del documento:

<Input type = valore "pulsante" = "Disattiva Elements" onclick = "disableElements () return" />

Questo crea un pulsante è possibile utilizzare per verificare la funzione JavaScript che disattiva controlli del form.

5 Aggiungere il seguente codice JavaScript alla sezione "testa" del documento:

<Script>

var formid = "form1";

disableElements function () {

var formObject = document.getElementById (formid);

for (var i = 0; i <form1.length; i ++) {

var = currentElement formObject.elements [i];

se è vero) {

currentElement.disabled = true;

}

}

}

La variabile formid contiene l'ID del modulo. Si noti che in questo esempio, il valore per formid è "form1". Questo corrisponde all'ID impostato per il modulo. Questo codice JavaScript utilizza l'ID di ottenere un riferimento al modulo. Memorizza che il riferimento nella variabile denominata "formObject." Il codice esamina quindi ogni elemento sul modulo. Se si scopre un elemento che supporta la proprietà "disabile", disabilita quell'elemento.

6 Salvare il documento e aprirlo nel browser. Viene visualizzato il modulo. Verificare che è possibile digitare il testo nelle caselle di testo del modulo e fare clic sul pulsante.

7 Fare clic sul pulsante "Disattiva Elements". La funzione JavaScript viene eseguito e disabilita gli elementi del form.

Consigli e avvertenze

  • Si noti che il nome del ID impostato per la forma è "form1" in questo esempio. È possibile utilizzare qualsiasi nome per l'identificativo del tuo modulo. Se si cambia il nome in qualcosa d'altro, cambiare il nome nella prima riga di JavaScript anche. Per esempio, se si chiama l'ID "myFormID," modificare il valore di formid da "form1" a "myFormID."

Articoli Correlati