Form Document

使用$.fn.form.defaults重写默认值对象
form提供了各种方法来操作执行表单字段，比如：ajax提交, load, clear等等。当提交表单的时候可以调用validate方法检查表单是否有效。

用法：

创建一个简单的HTML表单。构建一个包含id、action和method值的表单元素。

					
<form id="ff" method="post">   
<div>   
    <label for="name">Name:</label>   
    <input class="easyui-validatebox" type="text" name="name" data-options="required:true" />   
</div>   
<div>   
    <label for="email">Email:</label>   
    <input class="easyui-validatebox" type="text" name="email" data-options="validType:'email'" />   
</div>   
...    
</form>  
					
				

使普通表单成为ajax提交方式的表单。

					
$('#ff').form({    
    url:...,    
    onSubmit: function(){    
        // do some check    
        // return false to prevent submit;    
    },    
    success:function(data){    
        alert(data)    
    }    
});    
// submit the form    
$('#ff').submit();  
					
				

做一个提交操作。

					
// call 'submit' method of form plugin to submit the form    
$('#ff').form('submit', {    
    url:...,    
    onSubmit: function(){    
        // do some check    
        // return false to prevent submit;    
    },    
    success:function(data){    
        alert(data)    
    }    
});  
					
				

提交额外的参数。

					
$('#ff').form('submit', {    
    url:...,    
    onSubmit: function(param){    
        param.p1 = 'value1';    
        param.p2 = 'value2';    
    }    
});    
					
				

处理提交响应

提交一个ajax表单是非常简单的。用户可以在提交完成后获取响应数据。注意，响应的数据是来自服务器的原始数据。A parse action to the response data is required to get the correct data.
例如，响应数据假设为JSON，一个典型的响应数据格式如下：

					
{    
    "success": true,    
    "message": "Message sent successfully."   
}   
					
				

现在在'success'回调函数中处理JSON字符串。

					
$('#ff').form('submit', {    
    success: function(data){    
        var data = eval('(' + data + ')');  // change the JSON string to javascript object    
        if (data.success){    
            alert(data.message)    
        }    
    }    
});  
					
				

属性：

事件：

方法：

							
$.messager.progress();  // 显示进度条
$('#ff').form('submit', {
  url: ...,
  onSubmit: function(){
    var isValid = $(this).form('validate');
    if (!isValid){
      $.messager.progress('close'); // 如果表单是无效的则隐藏进度条
    }
    return isValid; // 返回false终止表单提交
  },
  success: function(){
    $.messager.progress('close'); // 如果提交成功则隐藏进度条
  }
}); 
							
						

							
$('#ff').form('load','get_data.php'); // 读取表单的URL
$('#ff').form('load',{
  name:'name2',
  email:'mymail@gmail.com',
  subject:'subject2',
  message:'message2',
  language:5
});