forme jQuery EasyUI plugin - boîte de vérification Validatebox

Fiez

• infobulle

usage

Créer une marque de vérification de la boîte (validatebox).

<Entrée id = classe "vv" = "easyui-validatebox" data-options = "nécessaires: true, VALIDTYPE: 'email'">

Créer une validation en utilisant javascript boîte (validatebox).

<Id d'entrée = "vv">

$ ( '# Vv'). Validatebox ({
    nécessaire: true,
    VALIDTYPE: 'email'
});

Vérifiez le mot de passe et entrer de nouveau le même mot de passe.

// Etendre la règle «égaux»
.extend $ ($. Fn.validatebox.defaults.rules, {
    est égal à: {
		validateur: function (valeur, param) {
			valeur de retour == $ (param [0]) val () .;
		},
		message: 'Champ ne correspondent pas.'
    }
});

<Id d'entrée = name = type = classe "mot de passe" "pwd" = "easyui-validatebox" data-options "pwd" = "requis: true">
<Id d'entrée = "rpwd" name = "rpwd" type = classe "mot de passe" = "easyui-validatebox"
    requis = "requis" VALIDTYPE = "égaux [ '# pwd']">

Les règles de validation

Les règles de validation en utilisant les attributs requis pour définir et VALIDTYPE, voici les règles qui ont été mises en œuvre:

• email: email correspondant à des règles d'expressions régulières.
• url: URL correspondant à des règles d'expressions régulières.
• longueur [0100]: Permet de x à y caractères.
• à distance [ 'http: //.../action.do','paramName']: envoyer la demande ajax pour vérifier la valeur d'un retour réussi «vrai».

Pour personnaliser les règles de validation, réécrire $ .fn.validatebox.defaults.rules, pour définir une fonction de vérification et d'information inefficace. Par exemple, la définition d'un type d'authentification minLength:

.extend $ ($. Fn.validatebox.defaults.rules, {
    minLength: {
		validateur: function (valeur, param) {
			retour value.length> = param [0];
		},
		message: 'S'il vous plaît entrer au moins {0} caractères.'
    }
});

Maintenant, vous pouvez utiliser ce type d'authentification pour définir un minLength entrer au moins cinq caractères dans la zone d'entrée:

<input class = "easyui-validatebox" data-options = "VALIDTYPE: 'minLength [5]">

propriété

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

manière