`

分步提交表单解决方案

阅读更多

以前只听过有这个东东,现如今自己也要做这个了,做之前也有所耳闻,大至流行两种方式.

     第一种:div隐藏方式
              这种方式不言自明,将你要分步处理的表单分别放到相应的div层当中,首先将其隐藏,但提交到要处理的表单时,才让相应的div显示出来.这样也省了很多事,不用再回到上一页时取回原发的值.这种方式适合分步提交操作时前后关系不是很有联系的.其实我们不必自己来处理这种形式的,jquery wizard已经为我们做好了模板,具体使用可参考demo链接:http://worcesterwideweb.com/jquery/wizard/

    第二种:隐藏上一次提交值到下一页
               这种方式操作起来比较麻烦,要手工处理提交数据操作.如果系统没禁回退功能,回上一页可用history.go(-1)来做简单处理.至于例子google一下关键字:struts 跨表单提交,例子一大把.虽说处理起来有点麻烦但功能去很强大,可以处理类似动态报表数据源向导配置的功能界面,例如,第一页先选择之前配置的数据源,第二页根据前一页选择的数据源显示其所有表,第三页,根据所选择的表配置选择你要显示的字段和样式,第四页生成报表.像这种后者依赖前者动态构建的适用这种方式.

分享到:
评论

相关推荐

    html5+js最小巧的响应式分步问卷调查表单模板

    总的来说,这个HTML5+JS的问卷调查模板利用了现代Web技术的优势,提供了一种轻量级、响应式的解决方案,适用于快速构建高效问卷。开发者可以在此基础上进行定制,满足特定需求,如添加更多问题类型、整合后端接口,...

    40多款漂亮的form表单设计

    在这些示例中,许多表单采用了现代的解决方案,如使用渐进增强或优雅降级策略,确保在不同浏览器和设备上的兼容性。例如,使用HTML5的新的表单元素,如`<input type="email">`或`<input type="date">`,可以为用户...

    AmazeUI 表单

    此外,AmazeUI还提供了表单的分步提交和Ajax异步提交功能,使得用户在填写表单时有更好的体验,无需等待页面刷新即可完成数据提交。 在实际开发中,AmazeUI的源码可以作为一个学习和参考的资源,帮助开发者了解如何...

    jquery分步向导,jwizard.js

    5. **利用回调**:根据需要,可以定义回调函数来处理用户在每个步骤的操作,比如数据验证、提交表单等。 **示例代码:** ```html <!DOCTYPE html> <script src="https://code.jquery.com/jquery-3.x.y.min.js">...

    带流程的注册表单提交验证html模板.zip

    8. **表单序列化**:在使用AJAX提交表单时,可能需要将表单数据序列化为JSON或其他格式,便于传递到服务器。JavaScript的`FormData`对象和`serialize()`函数可以帮助实现这一功能。 9. **响应式设计**:现代网页应...

    jQuery分步骤用户注册表单代码.zip

    这个名为 "jQuery分步骤用户注册表单代码" 的压缩包提供了一种实现分步注册表单的解决方案。 首先,`index.html` 文件是网页的核心,它包含了整个注册表单的结构。HTML 代码会定义各个输入字段,如用户名、密码、...

    jQuery分步骤网站用户注册表单模板源码.rar

    "jQuery分步骤网站用户注册表单模板源码" 提供了一个高效、易用的解决方案,旨在优化用户体验,提高注册转化率。jQuery作为JavaScript库,以其简洁的API和强大的功能,常被用于实现复杂的前端交互。下面我们将深入...

    jQuery按步骤找回密码验证表单代码.zip

    总结起来,这个资源提供了一个完整的解决方案,帮助开发者创建一个美观且实用的找回密码功能。开发者可以通过研究这个实例学习如何利用jQuery进行表单验证,如何设计分步流程,以及如何结合CSS实现优秀的用户体验。...

    机票预订form表单html模板里面包含3种不同效果的表单模板下载。.zip

    总之,这个压缩包中的HTML表单模板为前端开发者提供了现成的解决方案,帮助他们快速实现机票预订功能的页面开发,同时也能激发创新思维,提升项目效率。在开发过程中,理解并熟练运用HTML表单及相关的前端技术,是...

    jQuery微信开放平台注册表单.zip

    总的来说,"jQuery微信开放平台注册表单"是一个完整的前端解决方案,展示了如何利用jQuery实现一个高效、易用且美观的多步骤注册表单,同时提供了良好的用户交互和数据验证机制。这对于开发者来说,是一个学习和参考...

    JS中多步骤多分步的StepJump组件实例详解

    总的来说,StepJump组件的设计思路和实现方法为多步骤多分步表单页面的开发提供了一套完整的解决方案。它不仅考虑到了静态功能的实现,还充分考虑了实际业务需求的多样性,并通过模块化、接口化的设计方式,为开发者...

    vcol资源基于jquery

    总的来说,VCol是一个基于jQuery的前端框架,它将验证和表单管理整合在一起,提供了一整套解决方案。通过学习和使用VCol,开发者可以提高工作效率,创建出功能丰富、用户体验优秀的Web应用。而源码中的中文注释则为...

    bootstrap win8 后台模板

    8. **Form Wizard (form_wizard.html)**:表单向导是一个分步表单填写工具,有助于引导用户按顺序完成复杂任务,比如创建账户或提交申请。 9. **Table Advanced (table_advanced.html)**:此文件展示了带有排序、...

    jQuery带步骤流程弹出层代码.zip

    总结来说,"jQuery带步骤流程弹出层代码"是一个实用的前端开发工具,它结合了jQuery的强大功能和良好的用户体验设计,为表单分步填写提供了一种高效解决方案。掌握这种技术,将有助于提升网站或应用的用户交互性和...

    slideform:一个JQuery Sliders表单

    总的来说,Slideform为开发者提供了一种创新的解决方案,以提升移动设备上的表单填写体验。虽然项目尚处于开发阶段,但其潜力不容忽视,尤其是对于重视用户体验的移动应用开发者来说,值得尝试和探索。

    jquery steps Demo

    **jQuery Steps插件详解** `jQuery Steps`是一个高效且功能丰富的表单向导插件,旨在帮助开发者将复杂的信息或步骤流程转化为清晰、有条理...然而,对于那些仍然需要支持老版本IE的项目,可能需要寻找其他的解决方案。

    stripes 和css 一些常用功能

    综上所述,Stripes提供了一个全面而简便的框架,它试图解决Web开发中的常见问题,提供强大而简单的解决方案,并且易于上手和扩展。Stripes的目标是简化Java Web开发过程,通过减少配置文件的使用以及强调约定优于...

    struts1 Validater 分页注册例子

    在Web应用中,当需要处理大量数据时,分页是一个常见的解决方案。分页注册指的是将注册过程分成多个步骤,每个步骤显示并处理一部分表单数据,这样不仅可以降低用户的认知负担,还可以优化页面性能。Struts1框架支持...

    formwizard:基于 jQuery 的表单向导应用程序

    **jQuery FormWizard 深度解析** `formwizard` 是一个基于 jQuery 的强大表单向导插件,它为创建分步式、交互性强的表单提供了便利。...无论是简单的数据收集还是复杂的业务流程,`formwizard` 都能提供解决方案。

Global site tag (gtag.js) - Google Analytics