专利名称：表单提交流程控制方法及其装置的制作方法
技术领域：
本发明涉及一种表单提交方法，尤其涉及一种利用异步提交方式实现的表单提交 流程控制方法以及使用这种方法的装置。
背景技术：
在目前的互联网应用环境下，特别是在Web应用的环境下，表单的作用非常明显， 也是非常重要的。表单，可以作为客户端与服务器端之间信息提交、搜集与分享的重要媒介，在客户 端，用户可以输入相关信息，通过提交，该等信息可以发布至服务器端，当然，在服务器端， 要对这些表单信息进行某些格式或者内容的验证。目前，有两种方式实现这种表单的提交过程其一，在客户端，用户填写表单信息后直接提交到服务器，服务器端对表单信息进 行验证，若验证全部通过，则把数据保存到数据库中。若验证失败，则返回相应的失败信息 到客户端。客户端用户重新填写信息或改正错误的信息，然后重新提交表单，不断重复，一 直到最终填写的信息完全符合要求。在这个过程中，用户在客户端提交后，其填写的页面会 出现刷新，在接收到失败信息之后，页面也会刷新，导致出现错误的内容要重新填写，没有 出现错误的内容也要重新填写，用户体验非常不好，另外，这种提交过程，用户往往需要提 交多次才能够成功；其二，在客户端，用户填写表单信息后提交表单时，客户端对表单信息进行验证， 若验证全部通过，则提交表单到服务器，服务器端对表单信息进行验证，若验证失败，则返 回相应的失败信息到客户端。客户端用户重新填写信息或改正错误的信息，然后重复上面 的操作，一直到最终填写的信息完全符合要求。若服务器端验证全部通过，则把数据保存到 数据库中。因客户端已进行过相应验证，所以大部分情况下能验证通过。然而，在这个过程 中，客户端验证信息时，也是要刷新页面的，服务器端返回失败信息后也是要刷新页面的， 用户要重新填写所有的信息，包括出错的和未出错的，用户体验不佳，也需要提交多次才能 够成功。本发明则是提供一种新的方法用来解决上述问题。
发明内容
本发明要解决的技术问题在于提供一种用户体验好、节省带宽的表单提交流程控 制方法。本发明通过这样的技术方案解决上述的技术问题提供一种表单提交流程控制方法，该方法包括以下步骤提供一个客户端，该客户 端具有用户界面、输入单元、检验模块以及识别模块；提供一个服务器，该服务器包括验证 模块、存储模块、信息发送模块以及数据库；用户在用户界面上通过输入模块输入表单信 息，表单信息传递给检验模块进行检验，若检验不成功，则将信息返回用户界面并提示重新输入，若检验成功，则将表单信息传递给服务器的验证模块，若验证模块验证成功，则通过 存储模块将表单信息保存至数据库，同时通过信息发送模块将成功标识发送给客户端的 识 别模块，若验证模块验证不成功，则通过信息发送模块将失败标识发送给识别模块。作为一种改进，客户端将表单信息传递给服务器的时候，采用异步提交方式。作为一种改进，客户端的识别模块在接收到服务器的成功标识或失败标识后，向 用户界面给出提示。作为一种改进，异步提交方式为异步JavaScript和XML方式。本发明另提供一种表单提交流程控制装置，该装置包括客户端，该客户端包括用 户界面，该用户界面可以包含所需要填写的表单，客户端还提供输入模块、检验模块以及识 别模块，输入模块用以方便用户在用户界面中输入相关信息并将该等信息输入至表单中， 信息输入完成之后，该等信息将会传递给检验模块，检验模块将对输入的信息进行验证；月艮 务器，服务器包括验证模块、存储模块、数据库以及信息发送模块，验证模块用以接收客户 端传递过来的信息，如果验证正确，则通过存储模块将信息保存到数据库中，并通过信息发 送模块将验证成功标识发送至客户端的识别模块，若验证失败，也通过信息发送模块将验 证失败标识发送至客户端的识别模块。与现有技术相比较，本发明具有以下优点用户在填写表单和填写表单并获取验 证信息的同时，页面不会刷新，就如同所有过程都在本地(客户端)进行一般，用户体验非 常好，另外，由客户端进行验证，耗费的服务器资源更少，节省了带宽。
图1是本发明表单提交流程控制方法的系统框图。图2是本发明表单提交流程控制方法的开发流程图。图3是本发明表单提交流程控制方法系统流程图。
具体实施例方式下面结合附图详细说明本发明的具体实施方式
。请参图1，图1位本发明的系统框图，本发明的表单提交控制方法涉及客户端11和 服务器12，客户端11提供用户界面110，该用户界面110可以包含所需要填写的表单，除了 用户界面110，客户端11还提供输入模块111、检验模块112以及识别模块113。输入模块 111用以方便用户在用户界面110中输入相关信息并将该等信息输入至表单中，信息输入 完成之后，该等信息将会传递给检验模块112，检验模块112将对输入的信息进行验证。服务器12包括验证模块120、存储模块121、数据库122以及信息发送模块123，验 证模块120用以接收客户端11传递过来的信息，如果验证正确，则通过存储模块121将信 息保存到数据库122中，并通过信息发送模块123将验证成功标识发送至客户端11的识别 模块113，若验证失败，也通过信息发送模块123将验证失败标识发送至客户端11的识别模 块113，客户端11再根据识别模块113的识别结果执行相关操作，如重新填写或者执行其他 操作。结合系统框图，简单说明一下数据走向用户在用户界面110上通过输入模块111 输入相关信息至表单中，输入表单中的信息传递给检验模块112，检验模块112对相关信息进行检验，若检验不正确，则将错误信息返回用户界面110，提示重新输入，如果检验正确， 则将信息传递给服务器12的验证模块120。验证模块120若验证成功，则将相关信息通过 存储模块121保存进数据库122，并将验证成功标识通过信息发送模块123发送给客户端 11的识别模块113，识别模块113分析之后，将在用户界面110上提示下步操作；如果验证 模块120验证失败，则通过信息发送模块123将失败标识发送给客户端11的识别模块113， 识别模块113分析出失败信息后返回用户界面110提示用户重新输入。简单来说，请参图2，上述过程即为客户端页面填写一客户端表单验证一服务器验 证一服务器存储数据一客户端对服务器返回的标识分析与处理。请参图3，具体地说，本发明的方法包括如下步骤用户在客户端请求表单页面(即上述的用户界面)，填写或完善表单信息后，客户 端验证表单输入信息(即上述的检验模块进行检验)，若客户端验证失败(不通过)，则给 出错误提示要求用户重新填写或完善表单信息，若客户端验证通过，则将表单信息提交至 服务器；服务器验证表单信息，若服务器验证失败，则返回失败标识给客户端，客户端接收 该标识并作分析(即上述的客户端识别模块分析)，客户端根据失败标识给出相应提示，若 服务器验证通过，则返回成功标识给客户端，客户端给出成功提示并执行相关操作。在本实施方式中，客户端将表单信息提交给服务器的时候，是采用异步提交方式， 艮口 AJAX 方式(Asynchronous JavaScript and XML,异步 JavaScript 禾口 XML)。依照本发明，用户在填写表单和填写表单并获取验证信息的同时，页面不会刷新， 就如同所有过程都在本地(客户端)进行一般，用户体验非常好，另外，由客户端进行验证， 耗费的服务器资源更少，节省了带宽。 以上所述仅为本发明的较佳实施方式，本发明的保护范围并不以上述实施方式为 限，但凡本领域普通技术人员根据本发明所揭示内容所作的等效修饰或变化，皆应纳入权 利要求书中记载的保护范围内。
权利要求
1.一种表单提交流程控制方法，其特征在于该方法包括以下步骤提供一个客户端，该客户端具有用户界面、输入单元、检验模块以及识别模块；提供一个服务器，该服务器包括验证模块、存储模块、信息发送模块以及数据库；用户在用户界面上通过输入模块输入表单信息，表单信息传递给检验模块进行检验， 若检验不成功，则将信息返回用户界面并提示重新输入，若检验成功，则将表单信息传递给 服务器的验证模块，若验证模块验证成功，则通过存储模块将表单信息保存至数据库，同时 通过信息发送模块将成功标识发送给客户端的识别模块，若验证模块验证不成功，则通过 信息发送模块将失败标识发送给识别模块。
2.根据权利要求1所述的表单提交流程控制方法，其特征在于客户端将表单信息传 递给服务器的时候，采用异步提交方式。
3.根据权利要求1或2所述的表单提交流程控制方法，其特征在于客户端的识别模 块在接收到服务器的成功标识或失败标识后，向用户界面给出提示。
4.根据权利要求2所述的表单提交流程控制方法，其特征在于异步提交方式为异步 JavaScript 和 XML 方式。
5.一种使用如权利要求1所述方法的表单提交流程控制装置，其特征在于该装置包括客户端，该客户端包括用户界面，该用户界面可以包含所需要填写的表单，客户端还提 供输入模块、检验模块以及识别模块，输入模块用以方便用户在用户界面中输入相关信息 并将该等信息输入至表单中，信息输入完成之后，该等信息将会传递给检验模块，检验模块 将对输入的信息进行验证；服务器，服务器包括验证模块、存储模块、数据库以及信息发送模块，验证模块用以接 收客户端传递过来的信息，如果验证正确，则通过存储模块将信息保存到数据库中，并通过 信息发送模块将验证成功标识发送至客户端的识别模块，若验证失败，也通过信息发送模 块将验证失败标识发送至客户端的识别模块。
6.根据权利要求5所述的表单提交流程控制装置，其特征在于客户端将表单信息传 递给服务器的时候，采用异步提交方式。
7.根据权利要求5或6所述的表单提交流程控制装置，其特征在于客户端的识别模 块在接收到服务器的成功标识或失败标识后，向用户界面给出提示。
8.根据权利要求6所述的表单提交流程控制装置，其特征在于异步提交方式为异步 JavaScript 和 XML 方式。
全文摘要
本发明提供一种表单提交流程控制方法，涉及一种表单提交方法。该方法包括以下步骤提供一个客户端，该客户端具有用户界面、输入单元、检验模块以及识别模块；提供一个服务器，该服务器包括验证模块、存储模块、信息发送模块以及数据库；用户通过输入模块输入表单信息，表单信息传递给检验模块进行检验，若检验不成功，则将信息返回用户界面并提示重新输入，若检验成功，则将表单信息传递给服务器的验证模块，若验证模块验证成功，则通过存储模块将表单信息保存至数据库，同时通过信息发送模块将成功标识发送给客户端的识别模块，若验证模块验证不成功，则通过信息发送模块将失败标识发送给识别模块。本发明还提供一种表单提交流程控制装置。
文档编号H04L29/06GK102043798SQ20091019718
公开日2011年5月4日 申请日期2009年10月14日 优先权日2009年10月14日
发明者郑书发 申请人:上海通路快建网络服务外包有限公司