jQuery EasyUI Form Plugin - Validatebox Verifizierungsbox

Verlassen Sie sich

• Tooltip

Verwendung

Erstellen Sie eine Eichmarke aus dem Feld (validatebox).

<Input id = "vv" class = "easyui-validatebox" Daten-Optionen = "erforderlich: true, validType: 'E-Mail'">

Erstellen Sie eine Validierung mit Hilfe von JavaScript-Box (validatebox).

<Input id = "vv">

$ ( '# Vv'). Validatebox ({
    erforderlich: true,
    validType: 'E-Mail'
});

Überprüfen Sie das Passwort und geben Sie das gleiche Passwort.

// Erweitere 'gleich' Regel
$ .extend ($. Fn.validatebox.defaults.rules, {
    entspricht: {
		Validator: function (Wert, param) {
			Rückgabewert == $ (param [0]) val () .;
		},
		Meldung: 'Field stimmen nicht überein. "
    }
});

<Input id = "PWD" name = "PWD" type = "password" class = "easyui-validatebox" Daten-Optionen = "erforderlich: true">
<Input id = "rpwd" name = "rpwd" type = "password" class = "easyui-validatebox"
    required = "erforderlich" validType = "Gleichheits [ '# pwd']">

Validierungsregeln

Validierungsregeln durch die erforderlichen Attribute verwenden zu definieren und validType, hier ist die Regeln, die umgesetzt wurden:

• E-Mail: E-Mail-Regeln der regulären Ausdrücke passen.
• url: URL Regeln der regulären Ausdrücke passen.
• Länge [0.100]: Erlaubt von x nach y Zeichen.
• remote [ 'http: //.../action.do','paramName']: Ajax-Anforderung senden, um den Wert einer erfolgreichen Rückkehr 'true' zu überprüfen.

Um die Validierungsregeln anpassen, umschreiben $ .fn.validatebox.defaults.rules, eine Verifikationsfunktion und ineffektiv Informationen zu definieren. Zum Beispiel ist die Definition einer Art minLength Authentication:

$ .extend ($. Fn.validatebox.defaults.rules, {
    minLength: {
		Validator: function (Wert, param) {
			Rückkehr value.length> = param [0];
		},
		Meldung: "Bitte geben Sie mindestens {0} Zeichen. '
    }
});

Jetzt können Sie diese Art der Authentifizierung verwenden, um eine minLength definieren mindestens fünf Zeichen in das Eingabefeld eingeben:

<Input class = "easyui-validatebox" Daten-Optionen = "validType: 'minLength [5]'">

Immobilien

<input class="easyui-validatebox" data-options="required:true,validType:'url'">
<input class="easyui-validatebox" data-options="
	required:true,
	validType:['email','length[0,20]']
">

Weg