Cómo deshabilitar un botón HTML Usando C-Sharp

ASP.NET, una plataforma de desarrollo de Microsoft desarrollado por otros lenguajes de programación C-Sharp y, crea muchos de los sitios que se ven en Internet. Los desarrolladores tienen acceso a los elementos de ASP.NET especializados, así como controles HTML regulares. El control de botón HTML, por ejemplo, funciona como un botón HTML normal. Los usuarios hacen clic en el botón y se produce una acción. Es posible que desee desactivar un botón C-Sharp HTML después de un usuario hace clic una vez. La desactivación de un botón puede ser útil cuando se necesita para evitar que un usuario envía un formulario o pago dos veces. Realizar esta tarea mediante unas pocas líneas de código JavaScript.

Instrucciones

1 Lanzar Microsoft Visual Studio. Haga clic en el menú "Archivo", luego en "Nuevo sitio web." Haga clic en "Visual C #" y haga doble clic en "ASP.NET sitio web."

2 Haga clic en "Visual C #" y haga doble clic en "ASP.NET Sitio Web" para crear un nuevo proyecto de sitio web ASP.NET C-Sharp. Haga clic en el botón de "Diseño" en la parte inferior de la interfaz de usuario. forma principal del proyecto aparece en la ventana de diseño.

3 Pulse "CTRL + ALT + X" para abrir la ventana de la caja de herramientas. Haga doble clic en la "entrada (botón)" icono que se encuentra en esta ventana. Visual Studio coloca un nuevo botón HTML en su forma.

4 Haga doble clic en ese botón. Visual Studio genera una función JavaScript denominada "Button1_onclick" y lo muestra en la ventana de código. Esta función se ejecuta cuando alguien hace clic en el botón.

5 Pegar el código siguiente en esa función:

Button1_onclick funcionar () {

alert ( "Botón CTR");

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

buttonObject.onclick = no;

}

La "alerta" declaración muestra la frase "botón se hace clic." Después, el código redefine el evento click del botón estableciendo su propiedad a otra función JavaScript denominada "desactivar".

6 Agregue la siguiente función JavaScript debajo de la que aparece en el paso anterior:

desactivar la función () {

}

Esta función de bloqueo no contiene ningún código. Debido a que no tiene código, clics de botón ya no funcionará cuando los usuarios hacen clic en el botón.

7 Pulse la tecla "F5". Visual Studio se ejecuta el proyecto y muestra el formulario en su navegador. Haga clic en el botón y se ejecuta la función "Button1_Click", haciendo que aparezca el cuadro de mensaje.

8 Haga clic en el botón de nuevo. No pasa nada porque el código desactivado el botón.

Consejos y advertencias

• La función Button1_Click contiene una declaración de alerta simple en este ejemplo. Eliminar esta afirmación y reemplazarlo con cualquier código que te gusta. Ese código se ejecutará una vez cuando los usuarios hacen clic en el botón por primera vez. Después de eso, ya no funciona.
• botones HTML C-Sharp generan JavaScript en el navegador. Si sus usuarios desactivar JavaScript, el botón HTML no puede funcionar correctamente.