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’).
jQuery EasyUI 是一个基于 jQuery 的前端框架，它提供了一系列组件，简化了网页开发中的界面构建。在这些组件中，Form 表单是一个重要的部分，它允许开发者创建具有 AJAX 功能的表单，使得用户交互更加流畅，数据提交更加便捷。
**表单基本用法**
在 HTML 中，你可以创建一个普通的表单，如：
```html
<form id="ff" method="post">
<!-- 表单元素 -->
</form>
```
要使这个表单支持 AJAX 提交，你需要使用 jQuery EasyUI 的 `form` 插件。引入 jQuery 和 jQuery EasyUI 的 CSS 与 JS 文件，然后应用如下 JavaScript 代码：
```javascript
$(function() {
$('#ff').form({
url: '提交的URL',
onSubmit: function() {
// 在这里做提交前的检查
// 如果不希望提交，返回 false
return true; // 默认行为
},
success: function(data) {
// 提交成功后执行的回调函数，data 为服务器返回的数据
alert(data);
}
});
});
```
通过调用 `$(‘#ff’).submit()`，你可以触发表单的提交动作。
**表单插件特性**
- `url`: 这个字符串属性定义了表单数据提交的服务器端 URL。
- `onSubmit`: 在表单提交前触发的回调函数，可以用来进行数据验证或其他操作。如果返回 `false`，则阻止表单的正常提交。
- `success`: 表单提交成功后执行的回调函数，接收服务器返回的数据作为参数。
**表单插件事件**
- `onSubmit`: 提交前触发，无参数，返回 `false` 可阻止提交。
- `success`: 数据提交成功时触发，参数 `data` 为服务器返回的数据。
- `onBeforeLoad`: 请求加载数据前触发，返回 `false` 取消加载动作。
- `onLoadSuccess`: 表单数据加载成功时触发，参数 `data` 为服务器返回的数据。
- `onLoadError`: 加载数据时发生错误触发，无参数。
**表单插件方法**
- `submit(options)`: 提交表单，`options` 对象包含 `url`、`onSubmit` 和 `success` 等属性。
- `load(data)`: 用给定的数据（可以是 URL 或对象）加载并填充表单。
- `clear()`: 清除表单的所有数据。
- `validate()`: 验证表单字段，返回 `true` 表示所有字段都有效，通常与 `validatebox` 插件配合使用。
使用这些特性、事件和方法，你可以构建出功能强大的动态表单，实现与服务器的异步交互，同时进行有效的数据验证，提供良好的用户体验。记得在实际项目中，根据需求调整和扩展这些基础用法，以满足特定的业务逻辑。
