<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提交方式会自动去除掉readonly和disabled的值,或者多层form时,不能正确获取到form表单中的数据,由此,产生了这个专门针对EasyUI form的提交工具。
里给大家分享的是一段使用EasyUI中实现form表单提交的方法的核心代码,小伙伴们根据自己的需求补全form部分吧,希望大家能够喜欢。
之前用AJax给Controller传递参数,然后再调用服务端的方法对数据库进行更改,今天碰到一个新的方法...div id=Editwin class=easyui-window title=编辑班级信息 style=width: 400px; height: auto;top:105px data-option
基于EasyUI 官方的帮助。... easyUI 通过ajax的方式提交Form easyUI 添加ComboTree 字段到一个 form easyui Form验证 easyUI 格式化ComboBox easyui 过滤ComboGrid 扩展 easyui DWR加载 easyUI 主题
使用FormData方式提交上传附件与相关数据 同时实现jQuery-form.js附件上传功能 同时实现标准的html input file提交 同时实现easyuiFileBox与标准的ajax附件上传功能 有数据库,下载直接能运行
使用EasyUi我们可以在客户端表单提交之前进行验证,过程如下:只需在onSubmit的时候使用return $(“#form1”).form(‘validate’)方法即可,EasyUi中form模块中的from(‘validate’)方法会自行对我们指定的表单中...
easyui datagrid 嵌套datagrid form 简单提交 ,刷新子表数据
本文向您展示如何通过 easyui 提交一个表单(Form)。我们创建一个带有 name、email 和 phone 字段的表单。通过使用 easyui 表单(form)插件来改变表单(form)为 ajax 表单(form)。表单(form)提交所有字段到...
CRUD 允许我们生成页面列表,并编辑数据库记录。本教程将向你演示如何使用 jQuery EasyUI 框架实现一个 CRUD DataGrid。 我们将使用下面的插件: ...form:用于提交表单数据。 messager:显示一些操作信息。
表单 - Form Demo 日历 - Calendar 下拉选择框 - Custom Combo 下拉组合框 - ComboBox 数据表格下拉框 - ComboGrid 树形下拉框 - ComboTree 日期输入框 - DateBox 日期时间输入框 - DateTimeBox ...
form:用于提交表单数据。 messager:显示一些操作信息。 一、EasyUI创建CRUD应用 步骤 1:准备数据库 我们将使用 MySql 数据库来存储用户信息。创建数据库和 ‘users’ 表。 步骤 2:创建 DataGrid 来显示用户信息...
input文本框允许用户任意输入,难免会会有用户输入一些不符合规定的数据,此时,在提交之前对数据校验是很有必要的,如果等到提交到服务端再校验就会大大降低用户体验啦。 前端校验有很多现成的组件,比较好用的有 ...
将原版jqgrid数据列表风格改为easyUI—Bootstrap风格,除系统核心功能表单以外,其他form表单改为easyUI框架; 将项目名及空间名前缀NFine改为DaleCloud; 核心类code进行了重新整理并拓展了许多公共方法; 引入...
下文给大家介绍文件上传非ajax提交得到后台数据的操作方法,具体详情如下所示; <form name=configForm id=configForm method=post action= > .......... </form> 根据id获得表单数据然后发送ajax...
基于B/S架构,采用springMVC3框架的简单交易管理系统。 实现: 1、基本的用户用户管理 2、用户登记交易,交易修改,交易结束...2、熟悉easyUI form提交前的校验,datagrid相关操作。 3、熟悉Tomcat服务搭建及相关维护
获取单表单数据的三种方式 一对多跨表操作 一对多块表操作的的三种方式 增加一对多数据示例 初识Ajax Ajax内容基本整理 编辑一对多示例 创建多对多以及增加示例 本节内容梳理 本周作业 第21周 今日知识点概要 上节...
入库(点击左侧菜单入库) ----- Action (查询入库任务列表)---- instore_list.jsp ---- 办理任务 ---- instore_complete.jsp(提交form) --- Action (办理任务流转到下一个节点) 修改function 数据表 入库...