Kopieren Sie den Codecode wie folgt:
//In function(){} von onReady einfügen
Ext.QuickTips.init(); //Funktion zur Bereitstellung von Eingabeaufforderungsinformationen für Komponenten. Die Haupteingabeaufforderungsinformationen des Formulars sind die Fehlermeldung der Clientüberprüfung.
Ext.form.Field.prototype.msgTarget='side'; //Prompt-Methode, Aufzählungswert ist:
qtip – zeigt einen Tipp an, wenn die Maus über das Steuerelement bewegt wird;
title - Der im Browser angezeigte Titel, aber das Testergebnis ist das gleiche wie bei qtip.
Zeigt unter dem Steuerelement eine Fehlermeldung an.
Zeigt seitlich ein Fehlersymbol auf der rechten Seite des Steuerelements an und zeigt eine Fehleraufforderung an, wenn die Maus auf das Symbol zeigt.
Die Fehlermeldung „id-[element id]“ wird im HTML-Element der angegebenen ID angezeigt
1. Das einfachste Beispiel: Nullüberprüfung
Kopieren Sie den Codecode wie folgt:
//Zwei Parameter zur Nullüberprüfung
allowBlank:false//false darf nicht leer sein, der Standardwert ist true
blankText:string//Fehlermeldung, wenn es leer ist
js-Code ist:
Kopieren Sie den Codecode wie folgt:
var form1 = new Ext.form.FormPanel({
Breite: 350,
renderTo:"form1",
Titel:"FormPanel",
Standardwerte:{xtype:"textfield",inputType:"password"},
Artikel:[
{fieldLabel:"darf nicht leer sein",
allowBlank:false, //blank ist nicht erlaubt
blankText:"kann nicht leer sein", //Fehlermeldung, die Standardeinstellung ist Dieses Feld ist erforderlich!
id:"blanktest",
}
]
});
2. Verwenden Sie das vtype-Format zur einfachen Überprüfung.
Schreiben Sie in diesem Beispiel der E-Mail-Verifizierung die Elementkonfiguration des obigen Codes neu:
Kopieren Sie den Codecode wie folgt:
Artikel:[
{fieldLabel:"darf nicht leer sein",
vtype:"email",//Überprüfung des E-Mail-Formats
vtypeText: „Keine gültige E-Mail-Adresse“, //Fehlermeldung, ich gehe nicht auf den Standardwert ein.
id:"blanktest",
Anker: „90 %“
}
Sie können den oben genannten V-Typ auf die folgenden Überprüfungen ändern, die standardmäßig von den folgenden V-Typen von extjs unterstützt werden:
//Der standardmäßig unterstützte vtype-Typ bei der Formularvalidierung
1.alpha // Es können nur Buchstaben eingegeben werden, andere (z. B. Zahlen, Sonderzeichen usw.) können nicht eingegeben werden
2.alphanum//Es können nur Buchstaben und Zahlen eingegeben werden, andere Eingaben sind nicht zulässig
3. E-Mail // E-Mail-Überprüfung, das erforderliche Format ist „“
4. URL // URL-Formatüberprüfung, das erforderliche Format ist http://www.baidu.com
3. Erweiterte benutzerdefinierte Passwortüberprüfung
Die vorherigen Überprüfungen werden alle von extjs bereitgestellt, und wir können die Überprüfungsfunktionen auch anpassen.
Kopieren Sie den Codecode wie folgt:
//Verwenden Sie zunächst die Methode Ext.apply, um eine benutzerdefinierte Funktion zur Kennwortüberprüfung hinzuzufügen (Sie können ihr auch einen anderen Namen geben).
Ext.apply(Ext.form.VTypes,{
Passwort:Funktion(Wert,Feld){//Wert bezieht sich hier auf den Textfeldwert, Feld bezieht sich auf diese Textfeldkomponente, jeder muss diese Bedeutung verstehen
if(field.confirmTo){//confirmTo ist unser benutzerdefinierter Konfigurationsparameter, der im Allgemeinen zum Speichern des ID-Werts einer anderen Komponente verwendet wird
var pwd=Ext.get(field.confirmTo);//Den Wert der ID von bestätigenTo abrufen
return (val==pwd.getValue());
}
return true;
}
});
//Elementparameter konfigurieren
items:[{fieldLabel:"Passwort",
id:"pass1",
},{
fieldLabel:"Passwort bestätigen",
id:"pass2",
vtype:"password",//Angepasster Verifizierungstyp
vtypeText: „Die beiden Passwörter sind inkonsistent!“,
bestätigenTo:"pass1",//Die ID einer anderen zu vergleichenden Komponente
}
4. Verwenden Sie die Überprüfung regulärer Ausdrücke
Kopieren Sie den Codecode wie folgt:
new Ext.form.TextField({
fieldLabel: „Name“,
Name: „author_name“,
regex: /[/u4e00-/u9fa5]/, //Der reguläre Ausdruck liegt zwischen /...../[/u4e00-/u9fa5]: Es kann nur Chinesisch eingegeben werden.
regexText: „Es kann nur Chinesisch eingegeben werden!“, //Fehlermeldung zum regulären Ausdruck
allowBlank: false //Diese Überprüfung ist noch gültig. Sie darf nicht leer sein.