jQuery EasyUI form plugin - Validatebox verification box

rely

• tooltip

usage

Create a verification mark from the box (validatebox).

<Input id = "vv" class = "easyui-validatebox" data-options = "required: true, validType: 'email'">

Create a validation using javascript box (validatebox).

<Input id = "vv">

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

Check the password and re-enter the same password.

// Extend the 'equals' rule
$ .extend ($. Fn.validatebox.defaults.rules, {
    equals: {
		validator: function (value, param) {
			return value == $ (param [0]) val ().;
		},
		message: 'Field do not match.'
    }
});

<Input id = "pwd" name = "pwd" type = "password" class = "easyui-validatebox" data-options = "required: true">
<Input id = "rpwd" name = "rpwd" type = "password" class = "easyui-validatebox"
    required = "required" validType = "equals [ '# pwd']">

Validation rules

Validation rules by using the required attributes to define and validType, here is the rules that have been implemented:

• email: email matching regular expression rules.
• url: URL matching regular expression rules.
• length [0,100]: Allows from x to y characters.
• remote [ 'http: //.../action.do','paramName']: send ajax request to verify the value of a successful return 'true'.

To customize the validation rules, rewrite $ .fn.validatebox.defaults.rules, to define a verification function and ineffective information. For example, the definition of a minLength Authentication Type:

$ .extend ($. Fn.validatebox.defaults.rules, {
    minLength: {
		validator: function (value, param) {
			return value.length> = param [0];
		},
		message: 'Please enter at least {0} characters.'
    }
});

Now you can use this type of authentication to define a minLength enter at least five characters in the input box:

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

Attributes

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

method