`
ldzyz007
  • 浏览: 701589 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类
最新评论

easyui form 方式提交数据

    博客分类:
  • web
阅读更多
<form id="ff" method="post"> 
    ... 
</form> 

1.使用ajax方式提交表单

$('#ff').form({ 
    url:..., 
    onSubmit: function(){ 
        //进行表单验证 
        //如果返回false阻止提交 
    }, 
    success:function(data){ 
        alert(data) 
    } 
}); 
//提交表单 
$('#ff').submit(); 

2.普通方式提交

//调用表单插件的'submit'方法提交 
$('#ff').form('submit', { 
    url:..., 
    onSubmit: function(){ 
        //进行表单验证 
        //如果返回false阻止提交 
    }, 
    success:function(data){ 
        alert(data) 
    } 
});


3.属性

名称 类型 描述 默认值
url(目标网址) string(字符串) 表单提交的目标网址 null
事件

名称 参数 描述
onSubmit none 在表单提交之前触发,返回false将阻止表单提交。
success data 当表单成功提交时触发。
onBeforeLoad param 在发送载入远程数据请求之前触发,返回false将取消请求。
onLoadSuccess data 在表单数据被载入时触发。
onLoadError none 在载入表单数据发生错误时触发。
方法

名称 参数 描述
submit options 执行表单提交,options参数是一个包含以下属性的对象:
url:表单提交的目标网址
onSubmit:在表单提交之前执行的回调函数
success: 在表单成功提交后执行的回调函数
load data 载入记录填充表单。
data参数可以是字符串或者对象类型,当传入字符串时,data参数必须是一个远程url地址,否则用户必须自定义要载入的数据
clear none 清除表单数据
validate none 执行表单域验证,如果全部表单域有效返回true,该方法与表单验证插件一起使用。
分享到:
评论

相关推荐

    EasyUI 另一种form提交方式

    由于EasyUI自带的Form提交方式会自动去除掉readonly和disabled的值,或者多层form时,不能正确获取到form表单中的数据,由此,产生了这个专门针对EasyUI form的提交工具。

    EasyUI中实现form表单提交的示例分享

    里给大家分享的是一段使用EasyUI中实现form表单提交的方法的核心代码,小伙伴们根据自己的需求补全form部分吧,希望大家能够喜欢。

    jquery插件EasyUI中form表单提交实例分享

    之前用AJax给Controller传递参数,然后再调用服务端的方法对数据库进行更改,今天碰到一个新的方法...div id=Editwin class=easyui-window title=编辑班级信息 style=width: 400px; height: auto;top:105px data-option

    EasyUI tutorial 中文版 chm

    基于EasyUI 官方的帮助。... easyUI 通过ajax的方式提交Form easyUI 添加ComboTree 字段到一个 form easyui Form验证 easyUI 格式化ComboBox easyui 过滤ComboGrid 扩展 easyui DWR加载 easyUI 主题

    jQuery-form.js、FormData、html input file、easyuiFileBox的文件上传

     使用FormData方式提交上传附件与相关数据  同时实现jQuery-form.js附件上传功能  同时实现标准的html input file提交  同时实现easyuiFileBox与标准的ajax附件上传功能 有数据库,下载直接能运行

    EasyUI中在表单提交之前进行验证

    使用EasyUi我们可以在客户端表单提交之前进行验证,过程如下:只需在onSubmit的时候使用return $(“#form1”).form(‘validate’)方法即可,EasyUi中form模块中的from(‘validate’)方法会自行对我们指定的表单中...

    easyui datagrid 嵌套datagrid

    easyui datagrid 嵌套datagrid form 简单提交 ,刷新子表数据

    轻松学习jQuery插件EasyUI EasyUI表单验证

    本文向您展示如何通过 easyui 提交一个表单(Form)。我们创建一个带有 name、email 和 phone 字段的表单。通过使用 easyui 表单(form)插件来改变表单(form)为 ajax 表单(form)。表单(form)提交所有字段到...

    easyui 和 pdo 增删改查示例

    CRUD 允许我们生成页面列表,并编辑数据库记录。本教程将向你演示如何使用 jQuery EasyUI 框架实现一个 CRUD DataGrid。 我们将使用下面的插件: ...form:用于提交表单数据。 messager:显示一些操作信息。

    jQuery EasyUI 1.3 API 中文教程

    表单 - Form Demo 日历 - Calendar 下拉选择框 - Custom Combo 下拉组合框 - ComboBox 数据表格下拉框 - ComboGrid 树形下拉框 - ComboTree 日期输入框 - DateBox 日期时间输入框 - DateTimeBox ...

    轻松学习jQuery插件EasyUI EasyUI创建CRUD应用

    form:用于提交表单数据。 messager:显示一些操作信息。 一、EasyUI创建CRUD应用 步骤 1:准备数据库 我们将使用 MySql 数据库来存储用户信息。创建数据库和 ‘users’ 表。 步骤 2:创建 DataGrid 来显示用户信息...

    jQuery easyui的validatebox校验规则扩展及easyui校验框validatebox用法

    input文本框允许用户任意输入,难免会会有用户输入一些不符合规定的数据,此时,在提交之前对数据校验是很有必要的,如果等到提交到服务端再校验就会大大降低用户体验啦。 前端校验有很多现成的组件,比较好用的有 ...

    DaleCloudNetFramework下载地址及说明.txt

    将原版jqgrid数据列表风格改为easyUI—Bootstrap风格,除系统核心功能表单以外,其他form表单改为easyUI框架; 将项目名及空间名前缀NFine改为DaleCloud; 核心类code进行了重新整理并拓展了许多公共方法; 引入...

    有关文件上传 非ajax提交 得到后台数据问题

    下文给大家介绍文件上传非ajax提交得到后台数据的操作方法,具体详情如下所示; &lt;form name=configForm id=configForm method=post action= &gt;  .......... &lt;/form&gt; 根据id获得表单数据然后发送ajax...

    基于B/S架构,采用springMVC3框架的简单交易管理系统

    基于B/S架构,采用springMVC3框架的简单交易管理系统。 实现: 1、基本的用户用户管理 2、用户登记交易,交易修改,交易结束...2、熟悉easyUI form提交前的校验,datagrid相关操作。 3、熟悉Tomcat服务搭建及相关维护

    最新Python3.5零基础+高级+完整项目(28周全)培训视频学习资料

    获取单表单数据的三种方式 一对多跨表操作 一对多块表操作的的三种方式 增加一对多数据示例 初识Ajax Ajax内容基本整理 编辑一对多示例 创建多对多以及增加示例 本节内容梳理 本周作业 第21周 今日知识点概要 上节...

    javaee三大框架整合宅急送项目lib包

    入库(点击左侧菜单入库) ----- Action (查询入库任务列表)---- instore_list.jsp ---- 办理任务 ---- instore_complete.jsp(提交form) --- Action (办理任务流转到下一个节点) 修改function 数据表 入库...

Global site tag (gtag.js) - Google Analytics