EasyUI-Form（表单）

使用$.fn.form.defaults重写默认值对象

form提供了各种方法来操作执行表单字段，比如：ajax提交, load, clear等等。当提交表单的时候可以调用validate方法检查表单是否有效。

用法

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

1. <form id=“ff” method=“post”>  
   
2.     <div>  
   
3.         <label for=“name”>Name:</label>  
   
4.         <input class=“easyui-validatebox” type=“text” name=“name” data-options=“required:true” />  
   
5.     </div>  
   
6.     <div>  
   
7.         <label for=“email”>Email:</label>  
   
8.         <input class=“easyui-validatebox” type=“text” name=“email” data-options=“validType:’email'” />  
   
9.     </div>  
   
10.     …   
    
11. </form>  
    

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

1. $(‘#ff’).form({   
   
2.     url:…,   
   
3.     onSubmit: function(){   
   
4.         // do some check   
   
5.         // return false to prevent submit;   
   
6.     },   
   
7.     success:function(data){   
   
8.         alert(data)   
   
9.     }   
   
10. });   
    
11. // submit the form   
    
12. $(‘#ff’).submit();  
    

做一个提交操作。

1. // call ‘submit’ method of form plugin to submit the form   
   
2. $(‘#ff’).form(‘submit’, {   
   
3.     url:…,   
   
4.     onSubmit: function(){   
   
5.         // do some check   
   
6.         // return false to prevent submit;   
   
7.     },   
   
8.     success:function(data){   
   
9.         alert(data)   
   
10.     }   
    
11. });  
    

提交额外的参数。

1. $(‘#ff’).form(‘submit’, {   
   
2.     url:…,   
   
3.     onSubmit: function(param){   
   
4.         param.p1 = ‘value1’;   
   
5.         param.p2 = ‘value2’;   
   
6.     }   
   
7. });  
   

处理提交响应

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

例如，响应数据假设为JSON，一个典型的响应数据格式如下：

1. {   
   
2.     “success”: true,   
   
3.     “message”: “Message sent successfully.”  
   
4. }  
   

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

1. $(‘#ff’).form(‘submit’, {   
   
2.     success: function(data){   
   
3.         var data = eval(‘(‘ + data + ‘)’);  // change the JSON string to javascript object   
   
4.         if (data.success){   
   
5.             alert(data.message)   
   
6.         }   
   
7.     }   
   
8. });  
   

属性

事件

方法

声明: 除非转自他站（如有侵权，请联系处理）外，本文采用 BY-NC-SA 协议进行授权 | 嗅谱网
转载请注明：转自《EasyUI-Form（表单）》
本文地址：http://www.xiupu.net/archives-2445.html
关注公众号：