使用方法：

<form id="ff" method="post">
    ...
</form>

使用ajax方式提交表单

$('#ff').form({
    url:...,
    onSubmit: function(){
        //进行表单验证
        //如果返回false阻止提交
    },
    success:function(data){
        alert(data)
    }
});
//提交表单
$('#ff').submit();

普通方式提交

//调用表单插件的'submit'方法提交
$('#ff').form('submit', {
    url:...,
    onSubmit: function(){
        //进行表单验证
        //如果返回false阻止提交
    },
    success:function(data){
        alert(data)
    }
});

属性：

事件：

方法：

使用方法：

<input id="vv" required="true" validType="email">

$('#vv').validatebox({
    required:true
});

验证规则

验证规则使用required和validType属性来定义, 以下列出的是插件内置的验证规则。

• email: 正则匹配电子邮件。
• url: 正则匹配url。
• length[0,100]: 验证长度范围。
• remote['http://.../action.do','paramName']: 发送ajax请求来验证，验证有效时返回true。

要自定义规则，重载$.fn.validatebox.defaults。你所定义的验证规则必须定义一个验证函数和验证无效时的提示信息。 例如，定义一个验证最小长度的规则：

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

现在你可以使用最小长度验证规则来定义一个至少要输入5个字符的输入框。

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

属性：

方法：

依赖关系：

• 表单验证
• 控制面板

使用方法：

<input id="cc" value="001">
<select id="cc"></select >

$('#cc').combo({
    required:true,
    multiple:true
}); 

属性：

keyHandler: {
	up: function(){},
	down: function(){},
	enter: function(){},
	query: function(q){}
}

事件：

方法：

依赖关系：

• 自定义组合框

使用方法：

<select id="cc" name="dept" style="width:200px;">
    <option value="aa">aitem1</option>
    <option>bitem2</option>
    <option>bitem3</option>
    <option>ditem4</option>
    <option>eitem5</option>
</select>

<input id="cc" name="dept" value="aa">  

$('#cc').combobox({
    url:'combobox_data.json',
    valueField:'id',
    textField:'text'
});  

json数据转换示例：

[{
    "id":1,
    "text":"text1"
},{
    "id":2,
    "text":"text2"
},{
    "id":3,
    "text":"text3",
    "selected":true
},{
    "id":4,
    "text":"text4"
},{
    "id":5,
    "text":"text5"
}]   

属性：

继承自定义组合框的属性, 以下是可装载组合框的独有属性。

事件：

事件继承自定义组合框，以下是可装载组合框的独有事件。

方法：

方法继承自定义组合框，以下是可装载组合框独有的或者重载自定义组合框的方法。

依赖关系：

• 自定义组合框
• 树形菜单

使用方法：

<select id="cc" style="width:200px;"></select>

<input id="cc"  value="01">  

$('#cc').combotree({
    url:'tree_data.json'
});   

属性：

属性继承自定义组合框和树形菜单，以下是组合树重载的属性。

事件：

事件继承自定义组合框和树形菜单

方法：

方法继承自定义组合框，以下是组合树独有的或者重载自定义组合框的方法。

依赖关系：

• 自定义组合框
• 数据表格

使用方法：

<select id="cc" name="dept" style="width:250px;"></select>

<input id="cc" name="dept" value="01">  

$('#cc').combogrid({
    panelWidth:450,
    value:'006',
    idField:'code',
    textField:'name',
    url:'datagrid_data.json',
    columns:[[
        {field:'code',title:'Code',width:60},
        {field:'name',title:'Name',width:100},
        {field:'addr',title:'Address',width:120},
        {field:'col4',title:'Col41',width:100}
    ]]
});     

属性：

属性继承自定义组合框和数据表格，以下是组合表格独有的属性。

事件：

事件继承自定义组合框和数据表格。

方法：

方法继承自定义组合框，以下是组合表格独有的或者重载自定义组合框的方法。

依赖关系：

• 自定义组合框
• 数据表格

使用方法：

<input id="nn" value="01">  

$('#nn').numberbox({
    min:0,
    precision:2
});  

属性：

属性继承表单验证，以下是数字验证框的独有属性。

方法：

方法继承表单验证，以下是数字验证独有的或者重载表单验证的方法。

依赖关系：

• 自定义组合框
• 日历

使用方法：

<input id="dd" value="01">  

$('#dd').datebox({
    required:true
});    

属性：

属性继承自定义组合框，以下是日期组合框独有的属性。

事件：

方法：

方法继承表单验证，以下是数字验证独有的或者重载表单验证的方法。

依赖关系：

• 日期组合框
• 时间调节器

使用方法：

<input id="dt" value="01">  

$('#dt').datetimebox({
    showSeconds:false
});     

属性：

属性继承日期组合框，以下是日期时间组合框独有的属性。

方法：

方法继承日期组合框，以下是重载日期组合框的方法。

使用方法：

<div id="cc" style="width:180px;height:180px;"></div>    

$('#cc').calendar({
    width:600,
    height:600,
    current:new Date()
});     

属性：

事件：

方法：

使用方法：

<input id="ss" value="2">    

$('#ss').spinner({
    required:true,
    increment:10
});  

属性：

属性继承表单验证，以下是调节器的独有属性。

事件：

事件：

方法：

方法继承表单验证，以下是调节器独有的方法。

依赖关系：

• 调节器
• 数字验证框

使用方法：

<input id="ss" min="10" max="100" required="true" style="width:80px;" >    

$('#ss').numberspinner({
    editable:false
});    

属性：

属性继承调节器和数字验证框。

事件：

事件继承调节器。

方法：

方法继承调节器，以下是重载调节器的方法。

依赖关系：

• 调节器

使用方法：

<input id="ss" required="true" style="width:80px;" >    

$('#ss').timespinner({
    showSeconds:true
});   

属性：

属性继承调节器，以下是重载调节器的属性。

事件：

事件继承调节器。

方法：

方法继承调节器，以下是重载调节器的方法。