jQuery plugin de forma EasyUI - caja de verificación Validatebox

confiar

• información sobre herramientas

uso

Crear una marca de verificación en el cuadro (validatebox).

<Id = clase "vv" Entrada = "easyui-validatebox" data-options = "required: true, validType: 'e-mail'">

Crear una validación usando javascript caja (validatebox).

<Entrada id = "vv">

$ ( '# Vv'). Validatebox ({
    required: true,
    validType: 'email'
});

Compruebe la contraseña y vuelva a introducir la misma contraseña.

// Extender la regla de "iguales"
$ .extend ($. Fn.validatebox.defaults.rules, {
    es igual a: {
		validador: función (valor, param) {
			valor de retorno == $ (param [0]) val () .;
		},
		mensaje: "El campo no coinciden. '
    }
});

<Entrada id = "pwd" name = "pwd" type = clase "contraseña" = "easyui-validatebox" data-options = "required: true">
<Entrada id = "rpwd" name = "rpwd" type = "contraseña" class = "easyui-validatebox"
    Requerido = validType = "iguales '# pwd [']" "necesaria">

Las reglas de validación

Las reglas de validación mediante el uso de los atributos necesarios para definir y validType, aquí es las reglas que se han implementado:

• correo electrónico: correo electrónico que cumpla las reglas de expresiones regulares.
• url: URL reglas de coincidencia de expresiones regulares.
• Longitud [0100]: Permite de x a personajes y.
• remota [ 'http: //.../action.do','paramName']: enviar petición Ajax para verificar el valor de un retorno exitoso "verdadero".

Para personalizar las reglas de validación, reescribir $ .fn.validatebox.defaults.rules, para definir una función de verificación y de información errónea. Por ejemplo, la definición de un tipo de autenticación minLength:

$ .extend ($. Fn.validatebox.defaults.rules, {
    minLength: {
		validador: función (valor, param) {
			volver value.length> param = [0];
		},
		mensaje: "Por favor, introduzca al menos {0} caracteres. '
    }
});

Ahora puedes utilizar este tipo de autenticación para definir un minLength entrar al menos cinco caracteres en el cuadro de entrada:

<clase de entrada = "easyui-validatebox" data-options = "validType: 'minLength [5]'">

propiedad

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

camino