Come disattivare un pulsante HTML con C-Sharp

February 12

Come disattivare un pulsante HTML con C-Sharp


ASP.NET, una piattaforma di sviluppo Microsoft alimentato da C-Sharp e altri linguaggi di programmazione, crea molti dei siti che si vedono su Internet. Gli sviluppatori hanno accesso ad elementi di ASP.NET specializzati così come controlli HTML regolari. Il controllo pulsante HTML, ad esempio, funziona come un pulsante HTML regolare. Gli utenti fanno clic sul pulsante e si verifica un'azione. Si potrebbe desiderare di disabilitare un pulsante HTML C-Sharp dopo un utente fa clic una volta. La disattivazione di un pulsante può essere utile quando è necessario impedire a un utente di inviare un modulo o di pagamento per due volte. Eseguire questa attività con poche righe di codice JavaScript.

istruzione

1 Avviare Microsoft Visual Studio. Fare clic sul menu "File", quindi su "Nuovo sito web." Fai clic su "Visual C #" e fare doppio clic su "ASP.NET sito web."

2 Fai clic su "Visual C #" e fare doppio clic su "ASP.NET sito web" per creare un nuovo progetto di sito C-Sharp ASP.NET. Clicca sul pulsante "Design" nella parte inferiore dell'interfaccia utente. modulo principale del progetto viene visualizzato nella finestra di progettazione.

3 Premere il tasto "CTRL + ALT + X" per aprire la finestra Casella degli strumenti. Fare doppio clic sul "Input (Button)" icona situata in questa finestra. Visual Studio inserisce un nuovo pulsante HTML nel tuo modulo.

4 Fare doppio clic su tale pulsante. Visual Studio genera una funzione JavaScript denominata "Button1_onclick" e lo visualizza nella finestra del codice. Questa funzione viene eseguito quando qualcuno fa clic sul pulsante.

5 Incollare il seguente codice in questa funzione:

funzione Button1_onclick () {

alert ( "Button Clicked");

var buttonObject = document.getElementById ( "Button1");

buttonObject.onclick = disable;

}

La "segnalazione" dichiarazione mostra la frase "pulsante cliccato." Il codice ridefinisce allora evento click del pulsante impostando la sua proprietà a un'altra funzione JavaScript denominato "disable".

6 Aggiungere la seguente funzione JavaScript sotto quello elencato nel passaggio precedente:

disabilitare la funzione () {

}

Questa funzione disabilita contiene alcun codice. Perché non ha il codice, i clic sui pulsanti non funzionano più quando gli utenti fanno clic sul pulsante.

7 Premere il tasto "F5". Visual Studio gestisce il progetto e visualizza il modulo nel browser. Fare clic sul pulsante e le piste funzione "button1_Click", causando appaia la finestra di messaggio.

8 Fare di nuovo clic sul pulsante. Nulla accade perché il codice disattivato il pulsante.

Consigli e avvertenze

  • La funzione Button1_Click contiene una semplice dichiarazione di allerta in questo esempio. Eliminare questa affermazione e sostituirlo con un codice che ti piace. Questo codice verrà eseguito una volta quando gli utenti fanno clic sul pulsante per la prima volta. Dopo di che, non funziona più.
  • pulsanti HTML C-Sharp generano JavaScript nel browser. Se gli utenti disabilitare JavaScript, il pulsante HTML potrebbe non funzionare correttamente.