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

赞 (0)

相关推荐

  • jQuery实现form表单基于ajax无刷新提交方法详解

    本文实例讲述了jQuery实现form表单基于ajax无刷新提交方法.分享给大家供大家参考,具体如下: 首先,新建Login.html页面: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.o

  • jquery序列化form表单使用ajax提交后处理返回的json数据

    1.返回json字符串: 复制代码 代码如下: /** 将一个字符串输出到浏览器 */     protected void writeJson(String json) {         PrintWriter pw = null;         try {             servletResponse.setContentType("text/plain;charset=UTF-8");             pw = servletResponse.getWrit

  • 基于Bootstrap+jQuery.validate实现Form表单验证

    基于Bootstrap+jQuery.validate实现Form表单验证

    基于Bootstrap jQuery.validate Form表单验证实践项目结构 : github 上源码地址:https://github.com/starzou/front-end-example 1.form 表单代码[html] 复制代码 代码如下: <!DOCTYPE html>  <html>      <head>          <title>Bootstrap Form Template</title>         

  • jquery EasyUI的formatter格式化函数代码

    要格式化数据表格列,需要设置formatter属性,该属性是一个函数,它包含两个参数: value: 对应字段的当前列的值 record: 当前行的记录数据 复制代码 代码如下: $('#tt').datagrid({ title:'Formatting Columns', width:550, height:250, url:'datagrid_data.json', columns:[[ {field:'itemid',title:'Item ID',width:80}, {field:'p

  • jQuery-serialize()输出序列化form表单值的方法

    实例 输出序列化表单值的结果: 复制代码 代码如下: $("button").click(function(){ $("div").text($("form").serialize()); }); 定义和用法 serialize() 方法通过序列化表单值,创建 URL 编码文本字符串. 您可以选择一个或多个表单元素(比如 input 及/或 文本框),或者 form 元素本身. 序列化的值可在生成 AJAX 请求时用于 URL 查询字符串中. 语

  • jquery实现ajax提交form表单的方法总结

    方法一: 复制代码 代码如下: function AddHandlingFeeToRefund() {            var AjaxURL= "../OrderManagement/AjaxModifyOrderService.aspx";                   alert($('#formAddHandlingFee').serialize());                $.ajax({                    type: "P

  • jQuery Form插件使用详解_动力节点Java学院整理

    jQuery Form插件是一个优秀的Ajax表单插件,可以非常容易地.无侵入地升级HTML表单以支持Ajax.jQuery Form有两个核心方法 -- ajaxForm() 和 ajaxSubmit(), 它们集合了从控制表单元素到决定如何管理提交进程的功能.另外,插件还包括其他的一些方法: formToArray().formSerialize().fieldSerialize().fieldValue().clearForm().clearFields() 和 resetForm()等.

  • jquery动态改变form属性提交表单

    有些情况下,同一个form在不同的情况下提交到不同的处理动作,可以在js中动态改变form的属性,满足不同条件的form提交需求. 如: 复制代码 代码如下: <form id="form" name="form" method="POST" enctype="multipart/form-data" action="action1.jsp" target="iframe">

  • jQuery实现form表单reset按钮重置清空表单功能

    有时候可能需要实现这样的效果:使用ajax提交表单,成功提交表单之后清空表单,如下代码: 复制代码 代码如下: <form> <input name="name1" /><br/> <input name="name1" /><br/> <textarea name="content"></textarea> <a href="javascript

  • jquery表单验证使用插件formValidator

    jquery表单验证使用插件formValidator

    1.首先在项目中添加必备js与css  2.代码中添加引用(必备引用) 复制代码 代码如下: <script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script> <!--jquery必须库--> <script src="formValidator1/formValidator-4.0.1.min.js" type=&quo

随机推荐