Come disabilitare il pulsante HTML usando JavaScript

In JavaScript, i programmatori disabilitano principalmente il pulsante di invio nel modulo per garantire che tutti i campi richiesti siano stati compilati prima dell'invio. Inoltre, aiuta a prevenire molteplici osservazioni. In alcuni casi, gli sviluppatori potrebbero voler disabilitare un pulsante in base allo stato dell'applicazione o al risultato di un'azione precedente. Ad esempio, supponiamo che un utente abbia già inviato il modulo o eseguito qualsiasi attività. In tal caso, disabiliterai il "invia" o il "completare"Pulsante per impedire loro di inviare o completarlo di nuovo.

Questo articolo illustrerà il metodo per disabilitare il pulsante HTML in JavaScript.

Come disabilitare il pulsante HTML usando JavaScript?

Per disabilitare un pulsante HTML usando JavaScript, utilizzare il “Disabilitato"Proprietà dell'elemento pulsante. Il pulsante è inoltre disabilitato utilizzando l'attributo "disabilitato" HTML, ma verrà disabilitato in modo permanente e non sarai in grado di riaccenderlo di nuovo. Durante l'utilizzo di JavaScript, la proprietà "disabilitata" può essere disabilitata e abilitata dinamicamente il pulsante.

Sintassi
La sintassi data viene utilizzata per disabilitare il pulsante:

ButtonObject.Disabilitato

Esempio 1: Disabilita il pulsante
Crea un pulsante in un file HTML e assegna un ID "pulsante"Ciò contribuirà ad accedere a questo pulsante:

Pulsante

Prendi il pulsante HTML in un file JavaScript, usando il loro ID assegnato con l'aiuto di "getElementById ()" metodo:

Var Button = Document.getElementById ("pulsante");

Imposta la proprietà "Disabilitato" A "VERO":

pulsante.disabile = true;

Come puoi vedere, il pulsante nell'output è stato disabilitato:

Esempio 2: Disabilita il pulsante sull'evento clicca
Qui, disabiliteremo il pulsante mentre ci facciamo clic su di esso. Innanzitutto, ottieni il riferimento del pulsante utilizzando l'ID assegnato:

Var Button = Document.getElementById ("pulsante");

Chiama il "addEventListener ()Metodo "attaccando il"clic"Evento, che imposterà la proprietà disabilitata"VERO"Mentre fai clic sul pulsante:

pulsante.addEventListener ("click", function ()
Se (pulsante.Disabilitato)
pulsante.disabile = false;

altro
pulsante.disabile = true;

);

Si può osservare che mentre si fa clic sul pulsante, viene disabilitato:

Questo riguardava il pulsante disabilitante in JavaScript.

Conclusione

Per disabilitare il pulsante HTML in JavaScript, utilizzare il “Disabilitato"Proprietà dell'elemento pulsante. Aiuta a abilitare o disabilitare il pulsante dinamicamente mentre l'attributo HTML "disabilitato" disabilita permanentemente il pulsante. Questo articolo ha illustrato il metodo per disabilitare il pulsante HTML in JavaScript.