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!