So löschen Sie die Validierungsaufforderung bei der Elementformularvalidierung

So löschen Sie die Validierungsaufforderung bei der Elementformularvalidierung

Problemszenario:

Kürzlich bin ich bei der Entwicklung eines Projekts auf folgendes Problem gestoßen:
Beim Überprüfen der Daten im Formularfeld gibt es ein besonderes Element. Es handelt sich nicht um ein einfaches Eingabefeld, Dropdown-Feld oder andere Formularelemente, sondern um ein von mir selbst geschriebenes Popup-Fenster zur Auswahl von El-Table-Elementen. Meine Überprüfung dafür ist wie folgt:

Protokoll-ID:
   { erforderlich: true, Nachricht: ‚Bitte wählen Sie das Analyseprotokoll‘, Auslöser: ‚unscharf‘},
],

Dadurch kann die Überprüfungsfunktion realisiert werden, es tritt jedoch ein Problem auf. Wenn die Überprüfungsbedingung (Senden-Schaltfläche) ausgelöst wird und eine Fehlermeldung angezeigt wird, bleibt die Fehlermeldung auch dann bestehen, wenn die Daten später erneut ausgewählt werden, da die Überprüfung nicht erneut durch Klicken auf die Senden-Schaltfläche ausgelöst wird. Dieses Benutzererlebnis ist nicht sehr gut.


Lösung:

1. Überprüfen Sie die Felder einzeln

Mit einem Klick auf den Speichern-Button wird die Validierung ausgelöst, die grundsätzlich alle Felder validiert. Auch form in element-ui stellt eine Funktion zur Validierung eines Feldes bereit, die wie folgt genutzt werden kann:

dies.$refs.addForm.validateField('protocolId', (gültig) => {
 	//valid gibt die im Regelsatz geschriebene Fehlermeldung zurück. Wenn die Bedingungen erfüllt sind, ist der Rückgabewert leer if (!valid) {
         zurückkehren 
     }
 })

Der obige Code kann in einer Funktion zur Bestätigung der Datenauswahl ausgeführt werden, sodass dieser spezielle Inhalt erneut überprüft wird. Wenn er den Überprüfungsregeln entspricht, verschwindet die Fehlermeldung.

2. Löschen Sie direkt die Eingabeaufforderungsinformationen des Felds unter dem Formularfeld

dies.$refs.addForm.clearValidate();

Mit dieser Methode wird die Fehlermeldung direkt gelöscht, ohne dass eine Beurteilung vorgenommen wird. Ich persönlich empfehle sie nicht.

Damit ist dieser Artikel zum Löschen von Bestätigungsaufforderungen für die Elementformularvalidierung abgeschlossen. Weitere Informationen zum Löschen von Bestätigungsaufforderungen für die Elementformularvalidierung finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, Sie werden 123WORDPRESS.COM auch in Zukunft unterstützen!

Das könnte Sie auch interessieren:
  • Vue verwendet Element-UI, um die Formularvalidierung zu implementieren
  • Verwenden Sie Element-UI + Vue, um das Problem der Formularvalidierung in der Tabelle zu lösen
  • Vue-Element: Validierung von benutzerdefinierten Formularen fordert Validierung der Backend-Schnittstelle an
  • Detaillierte Erklärung der drei Möglichkeiten der Formularvalidierung in Element-UI
  • Implementierung der Vue Elementui-Formularvalidierung
  • Beispielcode zur Formularvalidierung mit Element-UI in Vue
  • Bei der Formularvalidierung von Vue ElementUI sind Probleme aufgetreten
  • Implementierung der Element-Benutzerdefinierten Formularüberprüfung durch Hochladen der Vorder- und Rückseite des Personalausweises

<<:  Verwenden Sie Meta-Tag-Code, um den 360 Dual-Core-Browser standardmäßig auf den Hochgeschwindigkeitsmodus statt auf den Kompatibilitätsmodus einzustellen

>>:  Wie stellt MySQL eine Verbindung zum entsprechenden Clientprozess her?

Artikel empfehlen

Detaillierte Zusammenfassung von MySQL und verbindungsbezogenen Timeouts

MySQL und verbindungsbezogene Timeouts Vorwort: H...

Implementierungscode zum Betreiben einer MySQL-Datenbank in Golang

Vorwort Golang stellt das Datenbank-/SQL-Paket fü...

Beispielcode zur Implementierung des Bildschubladeneffekts mit CSS3

Wie üblich posten wir zuerst den Bildeffekt: Das ...

Vue realisiert Click-Flip-Effekt

Verwenden Sie Vue, um einfach einen Click-Flip-Ef...

Zeitzonenprobleme mit im Docker-Container bereitgestelltem Django

Inhaltsverzeichnis Zeitzonenkonfiguration in Djan...

Lösung für die Nginx-Installation ohne Generierung des sbin-Verzeichnisses

Fehlerbeschreibung: 1. Nach der Installation von ...

Einfaches Beispiel für die Verwendung eines Docker-Containers

Inhaltsverzeichnis 1. Ziehen Sie das Bild 2. Ausf...

Trash-Cli: Befehlszeilen-Papierkorb-Tool unter Linux

Ich glaube, jeder kennt den Papierkorb, da er bei...

Detaillierte Erläuterung der ECharts-Mausereignisverarbeitungsmethode

Ein Ereignis ist eine vom Benutzer oder dem Brows...

CSS3 Milchglaseffekt

Wenn der Milchglaseffekt gut gelingt, kann er die...

So definieren Sie Eingabetyp=Dateistil

Warum die Dateisteuerung verschönern? Stellen Sie ...

Beispiel zum Aktivieren langsamer Abfragen in MySQL

Vorwort Das langsame Abfrageprotokoll ist eine se...