2017-01-24 3 views
-2

Ich muss ein Formular mit OTP-Generierung machen, wo die Nummer Feild die OTP-Taste haben wird und wenn der Benutzer darauf klickt, wird das OTP an seine registrierte Nummer gesendet. Nach der Eingabe des OTP sollte der Submit-Button aktiviert sein. Zunächst sollte der Submit-Button ausgeblendet sein. Wie schreibt man dafür einen Javascript-Code? Hilfe benötigt.Formular zum Deaktivieren senden?

+0

bitte einen Codeblock einfügen, was Sie zuvor versucht haben? – Curiousdev

+0

Hallo, können Sie bitte Ihren Code hier einfügen, dann wird es einfach zu lesen sein –

+0

Willkommen zum Stapelüberlauf gehen durch [dies] (http://stackoverflow.com/help/how-to-ask) – ricky

Antwort

1

Sie müssen 2 CSS-Klasse haben.

  1. ausblenden
  2. anzeigen

ausblenden wird die Schaltfläche der Anzeigeeigenschaft als keine und Show macht es sichtbar machen.

zunächst Ihre Submit-Button wird eine CSS-Klasse verstecken

In Javascript einen Click-Handler auf 1'st Schaltfläche erstellen. Wenn der Benutzer auf die Schaltfläche OPT senden klickt. Ändern Sie die CSS-Klasse der Übermittlungsschaltfläche von "Ausblenden" in "Anzeigen".

Siehe unten ist zum Beispiel

var send = document.querySelector(".send"); 
var sub = document.querySelector(".submit"); 
send.addEventListener('click', function(){ 
    sub.classList.remove('hide'); 
    sub.classList.add('show'); 
}); 

http://jsbin.com/jucivus/edit?html,css,js,output

+0

Vielen Dank sam Ihre Antwort funktioniert für mich. – Ritu

Verwandte Themen