Como desativar o botão HTML usando JavaScript

Em JavaScript, os programadores desativam principalmente o botão Enviar no formulário para garantir que todos os campos necessários tenham sido preenchidos antes do envio. Além disso, ajuda a prevenir vários envios. Em certos casos, os desenvolvedores podem querer desativar um botão com base no estado do aplicativo ou no resultado de uma ação anterior. Por exemplo, suponha que um usuário já tenha enviado o formulário ou executou qualquer tarefa. Nesse caso, você desativará o “enviar" ou o "completo”Botão para impedi -los de enviá -lo ou concluí -lo novamente.

Este artigo ilustrará o método para desativar o botão HTML em JavaScript.

Como desativar o botão HTML usando JavaScript?

Para desativar um botão HTML usando JavaScript, utilize o “desabilitado”Propriedade do elemento do botão. O botão também está desativado usando o atributo HTML "desativado", mas será desativado permanentemente, e você não poderá reativá-lo novamente. Ao usar o JavaScript, a propriedade "desativada" pode ser desativada e ativado dinamicamente o botão.

Sintaxe
A sintaxe dada é utilizada para desativar o botão:

ButtonObject.desabilitado

Exemplo 1: Desative o botão
Crie um botão em um arquivo HTML e atribua um ID “botão”Isso ajudará a acessar este botão:

Botão

Pegue o botão HTML em um arquivo JavaScript, usando o ID atribuído com a ajuda de “getElementById ()”Método:

var Button = documento.getElementById ("botão");

Defina a propriedade “desabilitado" para "verdadeiro”:

botão.desativado = true;

Como você pode ver, o botão na saída foi desativado:

Exemplo 2: Desative o botão no evento de clique
Aqui, vamos desativar o botão enquanto clicaremos nele. Primeiro, obtenha a referência do botão usando seu ID atribuído:

var Button = documento.getElementById ("botão");

Ligar para "addEventListener ()”Método anexando o“clique”Evento, que definirá a propriedade desativada“verdadeiro”Ao clicar no botão:

botão.addEventListener ("clique", function ()
if (botão.desabilitado)
botão.desativado = false;

outro
botão.desativado = true;

);

Pode -se observar que, ao clicar no botão, ele é desativado:

Isso foi tudo sobre o botão desativado em JavaScript.

Conclusão

Para desativar o botão HTML em JavaScript, use o “desabilitado”Propriedade do elemento do botão. Ajuda a ativar ou desativar o botão dinamicamente enquanto o atributo html “desativado” desativa permanentemente o botão. Este artigo ilustrou o método para desativar o botão HTML em JavaScript.