jQuery EasyUI API 中文文档 - Form表单

142 阅读 0 评论 94 点赞

我是靠谱客的博主可爱大地，最近开发中收集的这篇文章主要介绍jQuery EasyUI API 中文文档 - Form表单，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

Form 表单
用法

复制代码代码如下:

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

使 form 成为 ajax 提交的 form 。

复制代码代码如下:

 
$('#ff').form({ 
url:..., 
onSubmit: function(){ 
// 做某些检查 
// 返回 false 来阻止提交 
}, 
success:function(data){ 
alert(data) 
} 
}); 
// 提交 form 
$('#ff').submit(); 

去做一个提交动作。

复制代码代码如下:

 
// 调用 form 插件的 'submit' 方法来提交 form 
$('#ff').form('submit', { 
url:..., 
onSubmit: function(){ 
// 做某些检查 
// 返回 false 来阻止提交 
}, 
success:function(data){ 
alert(data) 
} 
}); 

特性

名称	类型	说明	默认值
url	string	表单提交动作的 URL。	null

事件

名称	参数	说明
onSubmit	none	提交前触发，返回 false 来阻止提交动作。
success	data	当表单提交成功时触发。
onBeforeLoad	param	发出请求加载数据之前触发。返回 false 就取消这个动作。
onLoadSuccess	data	当表单数据加载时触发。
onLoadError	none	加载表单数据时发生某些错误的时候触发。

方法

名称	参数	说明
submit	options	做提交动作， options 参数是一个对象，它包含系列特性： url：动作的 URL onSubmit：提交之前的回调函数 success：提交成功之后的回调函数
load	data	加载记录来填充表单。 data 参数可以是一个字符串或者对象类型，字符串作为一个远程 URL，否则作为一个本地记录。
clear	none	清除表单数据。
validate	none	进行表单字段验证，当全部字段都有效时返回 true 。这个方法和 validatebox 插件一起使用。