ValidateBox

Override defaults with $.fn.validatebox.defaults.

Usage

  1. <input id="vv" required="true" validType="email">  
  1. $('#vv').validatebox({  
  2.     required:true  
  3. });  

Validate Rule

The validate rule is defined by using required and validType property, here are the rules already implemented:

To custom validate rule, override $.fn.validatebox.defaults.rules that defines a validator function and invalid message. For example, to define a minLength valid type:

  1. $.extend($.fn.validatebox.defaults.rules, {  
  2.     minLength: {  
  3.         validator: function(value, param){  
  4.             return value.length >= param[0];  
  5.         },  
  6.         message: 'Please enter at least {0} characters.'  
  7.     }  
  8. });  

Now you can use the minLength validtype to define an input box that should be inputed at least 5 characters:

  1. <input class="easyui-validatebox" validType="minLength[5]">  

Properties

Name Type Description Default
required boolean Defines if the field should be inputed. false
validType string Defines the field valid type, such as email, url, etc. null
missingMessage string Tooltip text that appears when the text box is empty. This field is required.
invalidMessage string Tooltip text that appears when the content of text box is invalid. null

Methods

Name Parameter Description
destroy none Remove and destroy the component.
validate none Do the validation to determine whether the content of text box is valid.
isValid none call validate method and return the validation result, true or false.