`
jveqi
  • 浏览: 313069 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Jquery easyui Form表单提交注意事项

 
阅读更多
 哈哈。。

jquery easyui对表单的提交进行了封装,提交的方式采用的是ajax的方式,在开发的时候应该注意的事项如下:

        1、在定义form标签的时候,要将method属性设置成post或者get,特别是进行大字段的文本信息提交的时候,要将method设置成post方式提交,否则页面会抛出跨域访问等异常。所以这个要慎重哦

        2、慎用使用其他UI表单组件。目前Jquery提供了足够的表单控件,也能够满足我们实际的需求。如果在我们的表单中使用了其他Ui表单组件,将会发现用其他表单组件提交的参数,在后台接受不到相关的参数。这是由于jqeury easyui中的form表单不能够识别其他UI表单组件。

       3、今天突然出现了异常情况:

            在添加窗口添加完相关表单内容之后,不要刷新页面直接对添加的记录进行修改,结果修改一直无效,内容一直是添加的内容。

            从这种现象看来应该是,在修改的时候提交的表单一直添加页的。找到代码查看了添加表单的id和修改表单的id尽然是一样的。好,我改---测试---OK成功!

           总结:在进行定义表单的id的时候最好不要重复,防止表单提交出错。当然还有其他解决方式,那就是对添加完成后,销毁表单内容或者直接将表单的内容clear一下。

        (其他注意事项,正在发觉中……)

分享到:
评论

相关推荐

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

    主要介绍了jquery插件EasyUI中form表单提交实例,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

    jQuery EasyUI 1.4 离线简体中文API文档

    jQuery EasyUI 1 4版本更新内容: Bug(修复) menu:修复在删除一个菜单项的时候该菜单无法正确自适应高度的问题; datagrid:修复在datagrid宽度太小的时候“fitColumns”方法无法正常工作的问题 Improvement...

    EasyUI 另一种form提交方式

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

    jQuery EasyUI 1.2.4 API 中文文档.chm

    本 chm 文档是根据博客园“风流涕淌”的《jQuery EasyUI 1.2.4 API 中文文档(完整)目录》整理而成 http://www.cnblogs.com/Philoo/archive/2011/11/17/jeasyui_api_index.html Base 基础 Documentation 文档 ...

    jQuery EasyUI 1.5.1 中文API文档

    jQuery EasyUI 1.5.1版本更新内容:Bug(修复) datagrid:修复在调用“updateRow”方法之后选中和复选行标志丢失的问题; tabs:修复在调用“update”方法的时候导致标签栏工具错位的问题; window:修复在窗体高度...

    jQuery EasyUI 1.5 离线简体中文API文档 含完整开发工具包+皮肤+扩展+演示

    jQuery EasyUI 1.5版本更新内容: Bug(修复) combobox:修复在加载包含所选项数据的时候不会触发“onSelect”事件的BUG; datagrid:修复在字段设置为一个空值的时候导致在某些情况下“updateRow”方法无法正常...

    jQuery EasyUI API 中文文档 - Form表单

    jQuery EasyUI API 中文文档 - Form表单,使用jQuery EasyUI的朋友可以参考下。

    Jquery Easyui表单组件Form使用详解(30)

    主要为大家详细介绍了Jquery Easyui表单组件Form的使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

    jQuery EasyUI 1.4 离线简体中文API文档 含完整开发工具包+皮肤+扩展+演示

    (题外话:从本次开始 我新增了jQuery EasyUI的专题...filebox:filebox 该组件表单元素中用于上传文件的文件框工具组件 ">(题外话:从本次开始 我新增了jQuery EasyUI的专题页面 大家可以关注我的专题页来及时获取

    jquery-easyui-EDT-1.5.5.7z

    jQuery EasyUI 1.5.5 版本更新内容 Bug(修复) tabs:修复当标题包含符合元素时,所...form:将'tagbox'组件添加到表单字段当中; tagbox:添加'reset'方法; progress:增加打开和关闭进度条消息窗体的响应时间。

    jquery-easyui1.5 源码

    jquery-easyui1.5 源码 form 表单 grid tree gridTree

    jQuery EasyUI API 中文文档 – Form表单

    Form 表单 用法 代码如下: <form id=”ff” method=”post”> … </form> 使 form 成为 ajax 提交的 form 。 代码如下: $(‘#ff’).form({ url:…, onSubmit: function(){ // 做某些检查 // 返回 false ...

    jQuery EasyUI 1.5.1 离线简体中文API文档 含完整开发工具包+皮肤+扩展+演示

    jQuery EasyUI 1.5.1版本更新内容: Bug(修复) datagrid:修复在调用“updateRow”方法之后选中和复选行标志丢失的问题; tabs:修复在调用“update”方法的时候导致标签栏工具错位的问题; window:修复在...

    jQuery EasyUI提交表单验证

    EasyUI的form表单里面的验证框,先讲解下validatebox类和相关的属性。 验证规则 验证规则是通过使用 required 和 validType 特性来定义的, 这里是已经实施的规则: email:匹配 email 正则表达式规则,系统提供的...

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

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

    jQuery EasyUI 1.3.6简体中文版(chm/exe).rar

    软件介绍: jQuery EasyUI 官方API文档中文版V1.3.6,压缩包内附EXE/CHM...内容包括:Base(基础)Layout(布局)Menu and Button(菜单和按钮)Form(表单)Windows(窗口)DataGrid and Tree(表格和树)Extension(扩展)

    jQuery EasyUI 1.3 API 中文教程

    api+实例解析 对于普通系统开发绝对...创建异步提交表单 创建树形下拉框 表单验证 格式化下拉框 动态下拉数据表格 创建简单的菜单 创建简单的菜单 扩展应用 组件加载 easyUI 主题 关于EasyUI

    Jquery插件easyUi表单验证提交(示例代码)

    form id=”myForm” method=”post”> ”center” xss=removed>  ”right”>命令: <td><input id=”cmd” name=”cmd” style=”width: 200px;” class=”easyui-validatebox” required=

Global site tag (gtag.js) - Google Analytics