CN110569466A - 用于移动端的表单验证处理方法以及装置 - Google Patents
用于移动端的表单验证处理方法以及装置 Download PDFInfo
- Publication number
- CN110569466A CN110569466A CN201910799414.8A CN201910799414A CN110569466A CN 110569466 A CN110569466 A CN 110569466A CN 201910799414 A CN201910799414 A CN 201910799414A CN 110569466 A CN110569466 A CN 110569466A
- Authority
- CN
- China
- Prior art keywords
- rule
- verification
- mobile terminal
- interface
- writing
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Withdrawn
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/955—Retrieval from the web using information identifiers, e.g. uniform resource locators [URL]
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Telephone Function (AREA)
Abstract
本申请公开了一种用于移动端的表单验证处理方法以及装置。该方法包括在移动端的HTML控件中写入验证规则;当需要与表单进行交互时,在移动端调用所述验证规则进行验证操作;其中,所述验证规则包括至少两个规则接口,第一规则接口用于作为默认验证规则接口,第二规则接口用于作为自定义规则接口。本申请解决了缺少可用于表单验证的通用处理模式的技术问题。
Description
技术领域
本申请涉及表单业务领域,具体而言,涉及一种用于移动端的表单验证处理方法以及装置。
背景技术
业务开发中,经常需要与表单做交互,尤其是验证操作。
发明人发现,如果对于验证操作每次都重新开发,则费时费力。
针对相关技术中缺少可用于表单验证的通用处理模式的问题,目前尚未提出有效的解决方案。
发明内容
本申请的主要目的在于提供一种用于移动端的表单验证处理方法以及装置,以解决缺少可用于表单验证的通用处理模式的问题。
为了实现上述目的,根据本申请的一个方面,提供了一种用于移动端的表单验证处理方法。
根据本申请的用于移动端的表单验证处理方法包括:在移动端的HTML控件中写入验证规则;当需要与表单进行交互时,在移动端调用所述验证规则进行验证操作;其中,所述验证规则包括至少两个规则接口,第一规则接口用于作为默认验证规则接口,第二规则接口用于作为自定义规则接口。
进一步地,在移动端的HTML控件中写入验证规则时,还包括:
采用错误样式进行不符合验证规则时的提示。
进一步地,在移动端的HTML控件中写入验证规则时,还包括:
采用显示错误进行不符合验证规则时的提示。
进一步地,在移动端的HTML控件中写入验证规则包括:
在移动端的HTML控件中写入自定义扩展接口的业务重复逻辑。
进一步地,在移动端的HTML控件中写入验证规则包括:
在移动端的HTML控件中写入必填格式验证规则、邮箱验证规则、日期验证规则、统一资源定位符验证规则中的任一一种或多种业务重复逻辑。
进一步地,当需要与表单进行交互时,在移动端调用所述验证规则进行验证操作时,还包括:采用基于访问和操作HTML文档的标准方法。
为了实现上述目的,根据本申请的另一方面,提供了一种用于移动端的表单验证处理装置。
根据本申请的用于移动端的表单验证处理装置包括:写入模块,用于在移动端的HTML控件中写入验证规则;验证规则模块,用于当需要与表单进行交互时,在移动端调用所述验证规则进行验证操作;其中,所述验证规则包括至少两个规则接口,第一规则接口用于作为默认验证规则接口,第二规则接口用于作为自定义规则接口。
进一步地,装置还包括:验证提示模块,用于
采用错误样式进行不符合验证规则时的提示,
和/或,采用显示错误进行不符合验证规则时的提示。
进一步地,所述写入模块,用于在移动端的HTML控件中写入自定义扩展接口的业务重复逻辑。
进一步地,所述写入模块,用于在移动端的HTML控件中写入必填格式验证规则、邮箱验证规则、日期验证规则、统一资源定位符验证规则中的任一一种或多种业务重复逻辑。
在本申请实施例中用于移动端的表单验证处理方法以及装置,采用在移动端的HTML控件中写入验证规则的方式,通过当需要与表单进行交互时,在移动端调用所述验证规则进行验证操作,达到了自动处理表单验证请求的目的,从而实现了优化了表单验证的开发复杂度,提供了简单使用与可配置的功能的技术效果,进而解决了缺少可用于表单验证的通用处理模式的的技术问题。
附图说明
构成本申请的一部分的附图用来提供对本申请的进一步理解,使得本申请的其它特征、目的和优点变得更明显。本申请的示意性实施例附图及其说明用于解释本申请,并不构成对本申请的不当限定。在附图中:
图1是根据本申请实施例的用于移动端的表单验证处理方法流程示意图;
图2是根据本申请实施例的用于移动端的表单验证处理装置结构示意图。
具体实施方式
为了使本技术领域的人员更好地理解本申请方案,下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本申请一部分的实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都应当属于本申请保护的范围。
需要说明的是,本申请的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象,而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换,以便这里描述的本申请的实施例。此外,术语“包括”和“具有”以及他们的任何变形,意图在于覆盖不排他的包含,例如,包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元,而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。
在本申请中,术语“上”、“下”、“左”、“右”、“前”、“后”、“顶”、“底”、“内”、“外”、“中”、“竖直”、“水平”、“横向”、“纵向”等指示的方位或位置关系为基于附图所示的方位或位置关系。这些术语主要是为了更好地描述本申请及其实施例,并非用于限定所指示的装置、元件或组成部分必须具有特定方位,或以特定方位进行构造和操作。
并且,上述部分术语除了可以用于表示方位或位置关系以外,还可能用于表示其他含义,例如术语“上”在某些情况下也可能用于表示某种依附关系或连接关系。对于本领域普通技术人员而言,可以根据具体情况理解这些术语在本申请中的具体含义。
此外,术语“安装”、“设置”、“设有”、“连接”、“相连”、“套接”应做广义理解。例如,可以是固定连接,可拆卸连接,或整体式构造;可以是机械连接,或电连接;可以是直接相连,或者是通过中间媒介间接相连,又或者是两个装置、元件或组成部分之间内部的连通。对于本领域普通技术人员而言,可以根据具体情况理解上述术语在本申请中的具体含义。
需要说明的是,在不冲突的情况下,本申请中的实施例及实施例中的特征可以相互组合。下面将参考附图并结合实施例来详细说明本申请。
在本申请的实施例中通过将验证规则作为HTML控件的一个属性,写在HTML中,并借鉴了MVVM模式,默认给出必填、邮箱、日期等格式验证规则,提供自定义规则的入口,可扩展表单验证处理模块的功能。
如图1所示,该方法包括如下的步骤S102至步骤S104:
步骤S102,在移动端的HTML控件中写入验证规则;
所述验证规则包括至少两个规则接口,第一规则接口用于作为默认验证规则接口,第二规则接口用于作为自定义规则接口。
具体地,将验证规则作为HTML控件的一个属性,写在HTML中默认给出必填、邮箱、日期等格式验证规则,提供自定义规则的入口,可扩展规则接口。
以控件“注册”表单验证的处理过程为例,通过需要引入zepto.js库,便于DOM操作,用于操作xml、html文档的应用编程接口。将控件包在form中,点击submit注册按钮,将有name或id的控件组成一个数组,分别验证对应的规则,最终执行自定义的submit注册方法。
步骤S104,当需要与表单进行交互时,在移动端调用所述验证规则进行验证操作;
具体地,需要与表单进行交互时,在移动端调用所述验证规则进行验证操作默认的验证方法有required、email、url、date等,还可通过方法addMethod自定义扩展。通过抽象并提取了业务的重复逻辑,减少重复代码的书写,优化了表单验证的开发复杂度,提供了简单使用与可配置的功能。
从以上的描述中,可以看出,本申请实现了如下技术效果:
在本申请实施例中,采用在移动端的HTML控件中写入验证规则的方式,通过当需要与表单进行交互时,在移动端调用所述验证规则进行验证操作,达到了自动处理表单验证请求的目的,从而实现了优化了表单验证的开发复杂度,提供了简单使用与可配置的功能的技术效果,进而解决了缺少可用于表单验证的通用处理模式的的技术问题。
根据本申请实施例,作为本实施例中的优选,在移动端的HTML控件中写入验证规则时,还包括:
采用错误样式进行不符合验证规则时的提示。
具体地,采用错误样式zValidate.css,进行不符合验证规则时的提示。
根据本申请实施例,作为本实施例中的优选,在移动端的HTML控件中写入验证规则时,还包括:
采用显示错误进行不符合验证规则时的提示。
具体地,采用在errorPlacement中定义相应方法进行不符合验证规则时的提示。比如,进行弹框显示错误提示。
根据本申请实施例,作为本实施例中的优选,在移动端的HTML控件中写入验证规则包括:
在移动端的HTML控件中写入自定义扩展接口的业务重复逻辑。
根据本申请实施例,作为本实施例中的优选,在移动端的HTML控件中写入验证规则包括:
在移动端的HTML控件中写入必填格式验证规则、邮箱验证规则、日期验证规则、统一资源定位符验证规则中的任一一种或多种业务重复逻辑。
根据本申请实施例,作为本实施例中的优选,当需要与表单进行交互时,在移动端调用所述验证规则进行验证操作时,还包括:采用基于访问和操作HTML文档的标准方法。
需要说明的是,在附图的流程图示出的步骤可以在诸如一组计算机可执行指令的计算机系统中执行,并且,虽然在流程图中示出了逻辑顺序,但是在某些情况下,可以以不同于此处的顺序执行所示出或描述的步骤。
根据本申请实施例,还提供了一种用于实施上述方法的用于移动端的表单验证处理装置,如图2所示,该装置包括:写入模块10,用于在移动端的HTML控件中写入验证规则;验证规则模块20,用于当需要与表单进行交互时,在移动端调用所述验证规则进行验证操作;其中,所述验证规则包括至少两个规则接口,第一规则接口用于作为默认验证规则接口,第二规则接口用于作为自定义规则接口。
具体地,在本申请实施例的写入模块10中,所述验证规则包括至少两个规则接口,第一规则接口用于作为默认验证规则接口,第二规则接口用于作为自定义规则接口。
具体地,将验证规则作为HTML控件的一个属性,写在HTML中默认给出必填、邮箱、日期等格式验证规则,提供自定义规则的入口,可扩展规则接口。
以控件“注册”表单验证的处理过程为例,通过需要引入zepto.js库,便于DOM操作,用于操作xml、html文档的应用编程接口。将控件包在form中,点击submit注册按钮,将有name或id的控件组成一个数组,分别验证对应的规则,最终执行自定义的submit注册方法。
具体地,在本申请实施例的验证规则模块20中具体地,需要与表单进行交互时,在移动端调用所述验证规则进行验证操作默认的验证方法有required、email、url、date等,还可通过方法addMethod自定义扩展。通过抽象并提取了业务的重复逻辑,减少重复代码的书写,优化了表单验证的开发复杂度,提供了简单使用与可配置的功能。
根据本申请实施例,作为本实施例中的优选,还包括:验证提示模块,用于
采用错误样式进行不符合验证规则时的提示,
和/或,采用显示错误进行不符合验证规则时的提示。
具体地,采用错误样式zValidate.css,进行不符合验证规则时的提示。
具体地,采用在errorPlacement中定义相应方法进行不符合验证规则时的提示。比如,进行弹框显示错误提示。
根据本申请实施例,作为本实施例中的优选,所述写入模块,用于在移动端的HTML控件中写入自定义扩展接口的业务重复逻辑。
根据本申请实施例,作为本实施例中的优选,所述写入模块,用于在移动端的HTML控件中写入必填格式验证规则、邮箱验证规则、日期验证规则、统一资源定位符验证规则中的任一一种或多种业务重复逻辑。
显然,本领域的技术人员应该明白,上述的本申请的各模块或各步骤可以用通用的计算装置来实现,它们可以集中在单个的计算装置上,或者分布在多个计算装置所组成的网络上,可选地,它们可以用计算装置可执行的程序代码来实现,从而,可以将它们存储在存储装置中由计算装置来执行,或者将它们分别制作成各个集成电路模块,或者将它们中的多个模块或步骤制作成单个集成电路模块来实现。这样,本申请不限制于任何特定的硬件和软件结合。
以上所述仅为本申请的优选实施例而已,并不用于限制本申请,对于本领域的技术人员来说,本申请可以有各种更改和变化。凡在本申请的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本申请的保护范围之内。
Claims (10)
1.一种用于移动端的表单验证处理方法,其特征在于,包括:
在移动端的HTML控件中写入验证规则;
当需要与表单进行交互时,在移动端调用所述验证规则进行验证操作;
其中,所述验证规则包括至少两个规则接口,第一规则接口用于作为默认验证规则接口,第二规则接口用于作为自定义规则接口。
2.根据权利要求1所述的用于移动端的表单验证处理方法,其特征在于,在移动端的HTML控件中写入验证规则时,还包括:
采用错误样式进行不符合验证规则时的提示。
3.根据权利要求1所述的用于移动端的表单验证处理方法,其特征在于,在移动端的HTML控件中写入验证规则时,还包括:
采用显示错误进行不符合验证规则时的提示。
4.根据权利要求1所述的用于移动端的表单验证处理方法,其特征在于,在移动端的HTML控件中写入验证规则包括:
在移动端的HTML控件中写入自定义扩展接口的业务重复逻辑。
5.根据权利要求1所述的用于移动端的表单验证处理方法,其特征在于,在移动端的HTML控件中写入验证规则包括:
在移动端的HTML控件中写入必填格式验证规则、邮箱验证规则、日期验证规则、统一资源定位符验证规则中的任一一种或多种业务重复逻辑。
6.根据权利要求1所述的用于移动端的表单验证处理方法,其特征在于,当需要与表单进行交互时,在移动端调用所述验证规则进行验证操作时,还包括:采用基于访问和操作HTML文档的标准方法。
7.一种用于移动端的表单验证处理装置,其特征在于,包括:
写入模块,用于在移动端的HTML控件中写入验证规则;
验证规则模块,用于当需要与表单进行交互时,在移动端调用所述验证规则进行验证操作;
其中,所述验证规则包括至少两个规则接口,第一规则接口用于作为默认验证规则接口,第二规则接口用于作为自定义规则接口。
8.根据权利要求7所述的用于移动端的表单验证处理装置,其特征在于,还包括:验证提示模块,用于
采用错误样式进行不符合验证规则时的提示,
和/或,采用显示错误进行不符合验证规则时的提示。
9.根据权利要求7所述的用于移动端的表单验证处理装置,其特征在于,所述写入模块,用于在移动端的HTML控件中写入自定义扩展接口的业务重复逻辑。
10.根据权利要求7所述的用于移动端的表单验证处理装置,其特征在于,所述写入模块,用于在移动端的HTML控件中写入必填格式验证规则、邮箱验证规则、日期验证规则、统一资源定位符验证规则中的任一一种或多种业务重复逻辑。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910799414.8A CN110569466A (zh) | 2019-08-27 | 2019-08-27 | 用于移动端的表单验证处理方法以及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910799414.8A CN110569466A (zh) | 2019-08-27 | 2019-08-27 | 用于移动端的表单验证处理方法以及装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN110569466A true CN110569466A (zh) | 2019-12-13 |
Family
ID=68776312
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201910799414.8A Withdrawn CN110569466A (zh) | 2019-08-27 | 2019-08-27 | 用于移动端的表单验证处理方法以及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN110569466A (zh) |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103984547A (zh) * | 2014-05-14 | 2014-08-13 | 上海上讯信息技术股份有限公司 | 一种表单验证方法及系统 |
CN104899027A (zh) * | 2015-05-22 | 2015-09-09 | 国云科技股份有限公司 | 一种实现js通用表单验证的方法 |
CN108509246A (zh) * | 2018-04-08 | 2018-09-07 | 重庆满惠网络科技有限公司 | 一种网页表单自定义验证方法和系统 |
-
2019
- 2019-08-27 CN CN201910799414.8A patent/CN110569466A/zh not_active Withdrawn
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103984547A (zh) * | 2014-05-14 | 2014-08-13 | 上海上讯信息技术股份有限公司 | 一种表单验证方法及系统 |
CN104899027A (zh) * | 2015-05-22 | 2015-09-09 | 国云科技股份有限公司 | 一种实现js通用表单验证的方法 |
CN108509246A (zh) * | 2018-04-08 | 2018-09-07 | 重庆满惠网络科技有限公司 | 一种网页表单自定义验证方法和系统 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN106325870B (zh) | 一种动态表单api接口的实现方法及装置 | |
CN106547580B (zh) | 挂钩函数的方法、装置、移动终端及存储介质 | |
US20210208854A1 (en) | System and method for enhancing component based development models with auto-wiring | |
CN104054050A (zh) | 用于移动通信终端的用户接口的改进的配置 | |
CN109636301A (zh) | 金融业务的工作流配置方法、系统、终端及可读存储介质 | |
CN102622237B (zh) | 一种业务功能流程化的配置方法及系统 | |
CN108279882B (zh) | 框架生成方法、装置、设备及计算机可读介质 | |
CN110245029A (zh) | 一种数据处理方法、装置、存储介质和服务器 | |
US8418074B2 (en) | Shared user interface services framework | |
CN111353235B (zh) | 一种基于模型驱动的组件端口建模方法及终端 | |
CN109684008A (zh) | 卡片渲染方法、装置、终端及计算机可读存储介质 | |
CN111008047A (zh) | 页面元素冲突的处理方法、装置和电子设备 | |
CN102946415A (zh) | 一种移动终端本地应用的实现方法和装置 | |
CN108924030A (zh) | 电子装置、动态配置消息展示方式的方法及存储介质 | |
CN103268230A (zh) | 用于构建可拓展服务的云计算信息管理平台的方法 | |
CN105512097A (zh) | 一种文件解析方法 | |
CN107391119A (zh) | 一种横竖屏实现方法及装置 | |
CN101986282A (zh) | 拓扑适配方法及装置 | |
CN109862399A (zh) | 显示富媒体信息的方法、处理富媒体信息的方法、计算机装置及计算机可读存储介质 | |
US10692253B2 (en) | Using a nested pixel map for chart rendering optimization | |
CN108664343A (zh) | 一种微服务的有状态调用方法及装置 | |
CN110312990A (zh) | 配置方法及系统 | |
CN110569466A (zh) | 用于移动端的表单验证处理方法以及装置 | |
CN109816546A (zh) | 一种基于j2ee架构的农场农事管理平台及方法 | |
CN109857374A (zh) | 移动应用的开发方法及装置 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
WW01 | Invention patent application withdrawn after publication |
Application publication date: 20191213 |
|
WW01 | Invention patent application withdrawn after publication |