jQuery EasyUI API 中文文档 - 表单(Form)

简介: Form 表单 用法1. 2.     ...   3. 使 form 成为 ajax 提交的 form 。1. $('#ff').form({   2.     url:.

Form 表单

用法

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

2.     ...  

3. </form>

使 form 成为 ajax 提交的 form

1. $('#ff').form({  

2.     url:...,  

3.     onSubmit: function(){  

4. // 做某些检查 

5. // 返回 false 来阻止提交 

6.     },  

7.     success:function(data){  

8.         alert(data)  

9.     }  

10. });  

11. // 提交 form

12. $('#ff').submit(); 

去做一个提交动作。

1. // 调用 form  插件的 'submit' 方法来提交 form

2. $('#ff').form('submit', {  

3.     url:...,  

4.     onSubmit: function(){  

5. // 做某些检查 

6. // 返回 false 来阻止提交 

7.     },  

8.     success:function(data){  

9.         alert(data)  

10.     }  

11. }); 

特性

名称

类型

说明

默认值

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 插件一起使用。

目录
相关文章
|
7月前
|
JSON API 数据格式
在钉钉开放平台中,创建或更新OA审批表单模板需要通过API接口进行操作
在钉钉开放平台中,创建或更新OA审批表单模板需要通过API接口进行操作【1月更文挑战第20天】【1月更文挑战第97篇】
184 1
|
7月前
|
JSON API 数据格式
在钉钉开放平台中,创建或更新OA审批表单模板需要通过API接口进行操作
在钉钉开放平台中,创建或更新OA审批表单模板需要通过API接口进行操作【1月更文挑战第9天】【1月更文挑战第42篇】
142 3
|
2月前
|
存储 数据管理 API
零代码能力:轻松搞定表单和API接口,少写80%后端代码,内含资源
小白接口(果创云 YesApi.cn)是一个零代码和低代码开发平台,提供一站式后端云服务,帮助开发者、学生、业余爱好者、工作室、中小企业及无IT技术人员的传统企业快速搭建应用、接口、服务和网站。平台提供500+免费API接口,支持在线API开发、在线表单、数据库管理、图片文件存储、会员管理等功能,无需后端开发经验,轻松实现数据处理和应用开发。
|
2月前
|
移动开发 JSON 数据可视化
精选八款包括可视化CMS,jquery可视化表单,vue可视化拖拉,react可视化源码
精选八款包括可视化CMS,jquery可视化表单,vue可视化拖拉,react可视化源码
60 0
|
3月前
|
存储 JavaScript 前端开发
使用jQuery实现Form表单提交
【9月更文挑战5天】
112 5
|
4月前
|
前端开发 JavaScript Java
SpringBoot+JQuery+Ajax实现表单数据传输和单文件或多文件的上传
关于如何在SpringBoot项目中结合JQuery和Ajax实现表单数据的传输以及单文件或多文件上传的教程。文章提供了完整的前后端示例代码,包括项目的`pom.xml`依赖配置、SpringBoot的启动类`App.java`、静态资源配置`ResourceConfig.java`、配置文件`application.yml`、前端HTML页面(单文件上传和多文件上传加表单内容)以及后端控制器`UserController.java`。文章最后展示了运行结果的截图。
263 0
SpringBoot+JQuery+Ajax实现表单数据传输和单文件或多文件的上传
|
4月前
|
Devops 持续交付 测试技术
JSF遇上DevOps:开发流程将迎巨变?一篇文章带你领略高效协同的魅力!
【8月更文挑战第31天】本文探讨了如何在JavaServer Faces(JSF)开发中融入DevOps文化,通过持续集成与部署、自动化测试、监控与日志记录及反馈机制,提升软件交付速度与质量。文中详细介绍了使用Jenkins进行自动化部署、JUnit与Selenium进行自动化测试、ELK Stack进行日志监控的具体方法,并强调了持续改进的重要性。
44 0
|
4月前
|
容器 Kubernetes Docker
云原生JSF:在Kubernetes的星辰大海中,让JSF应用乘风破浪!
【8月更文挑战第31天】在本指南中,您将学会如何在Kubernetes上部署JavaServer Faces (JSF)应用,享受容器化带来的灵活性与可扩展性。文章详细介绍了从构建Docker镜像到配置Kubernetes部署全流程,涵盖Dockerfile编写、Kubernetes资源配置及应用验证。通过这些步骤,您的JSF应用将充分利用Kubernetes的优势,实现自动化管理和高效运行,开启Java Web开发的新篇章。
58 0
|
4月前
|
前端开发 JavaScript API
掌握React表单管理的高级技巧:探索Hooks和Context API如何协同工作以简化状态管理与组件通信
【8月更文挑战第31天】在React中管理复杂的表单状态曾是一大挑战,传统上我们可能会依赖如Redux等状态管理库。然而,React Hooks和Context API的引入提供了一种更简洁高效的解决方案。本文将详细介绍如何利用Hooks和Context API来优化React应用中的表单状态管理,通过自定义Hook `useForm` 和 `FormContext` 实现状态的轻松共享与更新,使代码更清晰且易于维护,为开发者带来更高效的开发体验。
48 0
|
7月前
|
JavaScript 前端开发 搜索推荐
JQuery EasyUI -- 日历选择器,2024年最新程序员经验分享
JQuery EasyUI -- 日历选择器,2024年最新程序员经验分享