`
ldzyz007
  • 浏览: 716546 次
  • 性别: 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表单的提交。EasyUI是一个基于jQuery的前端组件库,它提供了一系列易于使用的界面组件,包括表格、对话框、菜单等,大大简化了Web应用的开发。对于表单提交,...

    form提交时传递额外的参数几种常见方法

    本文将详细介绍在form提交时传递额外参数的几种常见方法,并分析各自的优缺点,供开发者根据实际需求进行选择。 1. 在表单里使用隐藏的input元素 这是最简单也是最直接的方法。可以在表单HTML代码中直接添加一个...

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

    本文将详细介绍如何在EasyUI环境中创建一个表单,并通过实例展示如何提交表单数据到服务器端。 #### EasyUI表单的基本结构 在EasyUI中,创建一个表单需要使用`&lt;form&gt;`标签,并为其指定一个唯一的ID,同时定义好`...

    easyui form validate总是返回false的原因及解决方法

    然而,在实际操作中,我们可能会遇到`easyui form validate`方法总是返回`false`的问题,这可能导致表单无法正常提交。本文将深入探讨这个问题的原因并提供相应的解决方案。 ### 问题分析 1. **类库冲突**: 问题...

    EasyUI tutorial 中文版 chm

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

    jQuery EasyUI 扩展(tip和form)

    为了增强表单的交互性,你可以使用 EasyUI 的 `form` 方法来处理表单的提交事件,进行异步数据交换: ```javascript $('#myForm').form({ url: 'submit.php', onSubmit: function(){ return $(this).form('...

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

    总之,EasyUI提供的表单验证功能使得在提交表单之前进行数据校验变得简单易行。通过在`onSubmit`事件中调用`form('validate')`方法,我们可以有效地确保用户输入的数据符合预设的验证规则,从而提高应用程序的用户...

    EasyUIForm表单Demo

    在EasyUIForm表单中,核心概念是使用EasyUI的form组件,它允许开发者定义各种表单元素,如文本输入框、选择框、复选框、日期选择器等。这些元素可以通过HTML标签和特定的属性进行配置,例如`...

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

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

    easyui视频教程(6)

    5. **表单(Form)**:EasyUI 提供了与数据绑定的表单组件,使得数据输入和验证变得简单。这部分可能会涉及表单元素的使用,如文本框(TextField)、下拉框(ComboBox)、复选框(Checkbox)等,以及表单的提交和...

    最强的easyUI API

    在表单处理方面,EasyUI 提供了`form`组件,它可以自动处理表单的提交和验证。例如,我们可以通过`$('#formId').form('validate')`来验证表单数据,如果所有字段都符合规则,该方法将返回`true`。此外,`datagrid`...

    jQuery EasyUI实例源码

    使用`form`方法创建表单,并通过`submit`事件监听用户提交操作,将表单数据转换为JSON发送到后台。 “修改”功能类似,当用户选中DataGrid中的一行并点击“编辑”按钮时,对应的人员信息会填充到Dialog中的Form。...

    easyui1.7中文api

    - **表单(Form)**:提供了一种组织和管理输入控件的方式,可以进行数据验证和提交。 - **菜单(Menu)**:创建下拉菜单或水平菜单,方便用户导航和操作。 - **树形结构(Tree)**:呈现层次结构的数据,支持...

    EasyUI增查改删操作示例

    - **Form 事件**:如 onSubmit、onSuccess 等,用于处理表单提交和验证。 6. **调试与测试** - 使用 Visual Studio 进行 C# 代码的编写和调试,确保后端接口的正确性。 - 使用浏览器的开发者工具查看网络请求,...

    jQuery EasyUI API 中文文档 – Form表单

    在这些组件中,Form 表单是一个重要的部分,它允许开发者创建具有 AJAX 功能的表单,使得用户交互更加流畅,数据提交更加便捷。 **表单基本用法** 在 HTML 中,你可以创建一个普通的表单,如: ```html &lt;form id=...

    easyui小案例

    在增、删、改操作中,EasyUI的form通常与dialog配合使用,弹出一个窗口供用户输入或修改数据。 3. **对话框(dialog)**:dialog在EasyUI中常用于显示独立的、临时性的内容,比如在添加新记录或编辑已有记录时,会...

    easyui的入门教程

    - **表单(Form)**: 自动绑定数据,支持验证,可以方便地创建复杂表单。 - **树形结构(Tree)**: 显示层级关系的数据,可扩展到树表。 - **菜单(Menu)**: 创建各种类型的菜单,如弹出式菜单、侧边栏菜单等。 ...

Global site tag (gtag.js) - Google Analytics