Nwlapcug.com


Come disattivare un pulsante HTML utilizzando C-Sharp

Come disattivare un pulsante HTML utilizzando C-Sharp


ASP.NET, una piattaforma di sviluppo Microsoft powered by C-Sharp e altri linguaggi di programmazione, crea molti dei siti che vedete su Internet. Gli sviluppatori hanno accesso a elementi specifici di ASP.NET così come regolari controlli HTML. Il controllo di pulsante HTML, ad esempio, funziona come un normale pulsante HTML. Gli utenti fare clic sul pulsante e si verifica un'azione. È possibile disattivare un pulsante di C-Sharp HTML dopo che un utente fa clic una volta. Un pulsante di disattivazione potrebbe essere utile quando è necessario impedire un utente di inviare un modulo o un pagamento due volte. Eseguire questa operazione utilizzando poche righe di codice JavaScript.

Istruzioni

1

Avviare Microsoft Visual Studio. Fare clic sul menu "File", quindi fare clic su "Nuovo sito". Fare clic su "Visual c#" e fare doppio clic su "Sito ASP.NET".

2

Fare clic su "Visual c#" e fare doppio clic su "Sito Web ASP.NET" per creare un nuovo progetto di sito Web il ASP.NET C-Sharp. Fare clic sul pulsante "Design" nella parte inferiore dell'interfaccia utente. Modulo principale del progetto viene visualizzato nella finestra di progettazione.

3

Premere "CTRL + ALT + X" per aprire la finestra casella degli strumenti. Fare doppio clic sull'icona di "Input (pulsante)" si trova in questa finestra. Visual Studio inserisce un nuovo pulsante HTML nel form.

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 eseguita quando qualcuno fa clic sul pulsante.

5

Incollare il codice seguente in tale funzione:

funzione Button1_onclick () {

Alert ("Button Clicked");

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

buttonObject.onclick = disattiva;

}

L'istruzione di "avviso" viene riportata la frase "Button Clicked." Il codice consente di ridefinire quindi evento click del pulsante impostandone la proprietà a un'altra funzione JavaScript denominata "Disattiva".

6

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

Disable () function () {

}

Questa funzione Disattiva non contiene codice. Perché non ha nessun codice, non clic di pulsante lavoro più a lungo quando gli utenti fanno clic sul pulsante.

7

Premere "F5". Visual Studio il progetto viene eseguito e viene visualizzato il modulo nel browser. Fare clic sul pulsante e l'esecuzione di funzione "Button1_Click", causando la finestra di messaggio venga visualizzato.

8

Fare clic sul pulsante nuovo. Perché il codice disabilitato il pulsante, non accade nulla.

Consigli & Avvertenze

  • La funzione Button1_Click contiene una semplice istruzione alert in questo esempio. Eliminare tale affermazione e sostituirlo con qualsiasi codice che ti piace. Tale 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 disattivano JavaScript, è possibile che il pulsante HTML non funzionino più correttamente.