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?
-2
A
Antwort
1
Sie müssen 2 CSS-Klasse haben.
- ausblenden
- 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');
});
+0
Vielen Dank sam Ihre Antwort funktioniert für mich. – Ritu
Verwandte Themen
- 1. Formular zum Anmelden senden
- 2. wie zu deaktivieren Formular senden und überprüfen Sie das Formular
- 3. Problem mit dem Deaktivieren von Senden-Schaltflächen auf Formular senden
- 4. So deaktivieren Sie ein Formular beim Senden mit jQuery
- 5. Formular senden Ergebnisse zum Laden in div
- 6. Verwenden von AJAX zum Senden von Formular
- 7. Wicket Formular fehlende Daten zum Senden
- 8. Schaltfläche zum Deaktivieren/Ersetzen beim Senden eines Formulars
- 9. Deaktivieren Sie Enter, um das Formular zu senden
- 10. Deaktivieren/Verbergen in gebaut senden Schaltfläche in Outlook-Formular
- 11. Deaktivieren der Schaltfläche zum Senden einzelner Nachrichten in einem Formular mit mehreren Übergabeschaltflächen
- 12. RecaptchaV2 aktivieren/deaktivieren senden
- 13. Wie Sie die Schaltfläche zum Senden mit jquery deaktivieren?
- 14. Formular deaktivieren Schaltfläche
- 15. Drupal Formular senden, Formular nach_build
- 16. C# Formular deaktivieren
- 17. Formular über Bild senden
- 18. Formular senden Ereignis
- 19. Wie zum Deaktivieren/Ausblenden eines Symbols aus einem Formular?
- 20. Mailchimp Formular nicht senden
- 21. MFMailComposeViewController senden Button deaktivieren
- 22. Formular beim Senden zurücksetzen
- 23. Abbrechen MVC-Formular senden
- 24. Deaktivieren der Schaltfläche zum Senden von Bildern funktioniert nicht
- 25. Extjs mit FormBind: True, nicht die Schaltfläche zum Senden deaktivieren
- 26. Automatisches Speichern von Formularen beim Senden deaktivieren
- 27. Jquery Formular senden, Async Anruf dann Formular bei Erfolg senden
- 28. CURL Anfrage auf Formular, die keine Schaltfläche zum Senden haben
- 29. Bind dynamisch hinzugefügt Formular zum Senden von Ereignis mit jQuery
- 30. Ein Formular zum Senden von E-Mails in Schienen
bitte einen Codeblock einfügen, was Sie zuvor versucht haben? – Curiousdev
Hallo, können Sie bitte Ihren Code hier einfügen, dann wird es einfach zu lesen sein –
Willkommen zum Stapelüberlauf gehen durch [dies] (http://stackoverflow.com/help/how-to-ask) – ricky