Live-Zeitüberprüfung

Bei der Verwendung des iview-Frameworks wird in letzter Zeit im Back-End-Managementsystem des Händlers die Formularkomponente verwendet, wenn der Vertrag freigegeben wird. Natürlich wird das Datum normalerweise im Suchfeldformular angezeigt, aber manchmal gibt es auch ein Datum Fehler bei der Überprüfung der Datumskomponente. Zustand

    Zunächst übernimmt iview die Überprüfungsregeln des Async-Validators. Je nach Regelüberprüfungstyp werden Typwerte im Allgemeinen in die folgenden Typen unterteilt:
    Zeichenfolge, Methode, Zahl, Boolescher Wert, Array, Objekt, Datum, Ganzzahl, Float, regexp, email, url, hex;
    Zweitens weiß jeder, dass die Datumskomponente im Allgemeinen an type="date" denkt. Schauen Sie sich zunächst den Werttyp des Datumskomponentenwerts an. Sie können ihn selbst ausdrucken. Der erste Fall: Einzelauswahl
    Datum
            (nur ein Datum), der Wert lautet: „2019-06-10“;
            der zweite Fall: mehrere Daten (nur ein Datum), der Wert lautet: [„2019-06-10“, „2019-06“. -12"], Wenn der Wert nicht ausgewählt ist, ist die Standardstruktur [" "," " ];
es ist ersichtlich, dass dies der Fall sein muss, wenn nur ein Typ: „Array“ zur Überprüfung des Mehrfachauswahldatums verwendet wird ungültig, da der Standardwert leer ist, aber die Struktur des Werts ein Array ist, egal wie es überprüft wird, es ist wahr. Daher müssen wir jedes untergeordnete Element überprüfen.                
Durch die Analyse haben wir festgestellt, dass wir bei der Überprüfung des Formulars den Typ auswählen müssen, der dem Wert des Datums entspricht.
Wenn das Datum einfach ausgewählt ist, können wir Folgendes auswählen: Typ: „Datum“. "
Wenn mehrere Daten ausgewählt sind, müssen wir jedem Unterelement wie folgt einen Validierungscode (Felder) hinzufügen:
 

Wenn es sich um einen Datetime-Typ handelt

Da die beiden Stile zu diesem Zeitpunkt kombiniert werden, werden die beiden im Array festgelegten Überprüfungsmethoden verwendet.

{ required: true, type: 'array',
            fields:{
                0:{required: true, type:'date',message: '有效期不能为空', trigger: 'change'},
                1:{required: true, type:'date',message: '有效期不能为空', trigger: 'change'}
            },
            trigger: 'change'},

Supongo que te gusta

Origin blog.csdn.net/weixin_43465508/article/details/132691212
Recomendado
Clasificación