CN106990952A - 基于Vue.js的表单校验方法及其*** - Google Patents
基于Vue.js的表单校验方法及其*** Download PDFInfo
- Publication number
- CN106990952A CN106990952A CN201710111300.0A CN201710111300A CN106990952A CN 106990952 A CN106990952 A CN 106990952A CN 201710111300 A CN201710111300 A CN 201710111300A CN 106990952 A CN106990952 A CN 106990952A
- Authority
- CN
- China
- Prior art keywords
- form element
- list
- element component
- verification rule
- verification
- 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.)
- Granted
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/10—Text processing
- G06F40/12—Use of codes for handling textual entities
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Software Systems (AREA)
- Computational Linguistics (AREA)
- General Health & Medical Sciences (AREA)
- Health & Medical Sciences (AREA)
- Audiology, Speech & Language Pathology (AREA)
- Artificial Intelligence (AREA)
- Human Computer Interaction (AREA)
- Debugging And Monitoring (AREA)
- Stored Programmes (AREA)
Abstract
本发明公开了一种基于Vue.js的表单校验方法及其***,方法包括:创建表单元素组件;预设与所述表单元素组件对应的校验规则信息;若一表单元素组件的输入值发生改变,则根据所述一表单元素组件对应的校验规则信息,对所述一表单元素组件的输入值进行校验。通过将表单元素、校验规则和错误信息关联起来,能够极大提高表单校验的性能;并且几乎不用编写html代码,只需要定义简单的Vue.js对象,就能够创建表单,并完成表单的校验功能,使得代码易于维护,且保持扩展性;同时能够自定义表单元素组件和校验规则,极大提高开发效率。
Description
技术领域
本发明涉及校验技术领域,尤其涉及一种基于Vue.js的表单校验方法及其***。
背景技术
目前常用的表单校验大都是基于jQuery。市面上有一款基于Vue.js的vue-validator(vue验证器)。vue-validator核心实现方案是将规则绑定在Vue.js实例上,从Vue.js实例上取的规则进行校验和报错。
jQuery是DOM操作的库,而Vue.js是基于数据驱动的,Vue.js的性能和组件化能力都强于jQuery。vue-validator它支持绝大多表单校验场景,但是表单元素、错误信息、以及校验规则都是独立分开的。在管理后台***中,大量增删改查的业务场景还是需要编写大量的html的代码,复用性还是稍有不足。
发明内容
本发明所要解决的技术问题是:提出一种可扩展、易用性强的基于Vue.js的表单校验方法及其***。
为了解决上述技术问题,本发明采用的技术方案为:一种基于Vue.js的表单校验方法,包括:
创建表单元素组件;
预设与所述表单元素组件对应的校验规则信息;
若一表单元素组件的输入值发生改变,则根据所述一表单元素组件对应的校验规则信息,对所述一表单元素组件的输入值进行校验。
本发明还涉及一种基于Vue.js的表单校验***,包括:
第一创建模块,用于创建表单元素组件;
预设模块,用于预设与所述表单元素组件对应的校验规则信息;
校验模块,用于若一表单元素组件的输入值发生改变,则根据所述一表单元素组件对应的校验规则信息,对所述一表单元素组件的输入值进行校验。
本发明的有益效果在于:通过将表单元素、校验规则和错误信息关联起来,能够极大提高表单校验的性能;并且几乎不用编写html代码,只需要定义简单的Vue.js对象,就能够创建表单,并完成表单的校验功能,使得代码易于维护,且保持扩展性;同时能够自定义表单元素组件和校验规则,极大提高开发效率。
附图说明
图1为本发明一种基于Vue.js的表单校验方法的流程图;
图2为本发明实施例一的方法流程图;
图3为本发明实施例二的方法流程图;
图4为本发明实施例二步骤S102的方法流程图;
图5为本发明实施例二步骤S104的方法流程图;
图6为本发明实施例二的架构示意图;
图7为本发明一种基于Vue.js的表单校验***的结构示意图;
图8为本发明实施例四的***结构示意图。
标号说明:
100、表单元素组件;200、表单容器组件;300、表单元素适配器;
400、表单校验插件;
1、第一创建模块;2、预设模块;3、校验模块;4、第一显示模块;5、第二创建模块;6、注册模块;7、第一实例化模块;8、第二实例化模块;9、比对模块;10、第二显示模块;
21、创建单元;22、预设单元;23、第一保存单元;24、第二保存单元;
31、判断单元;32、获取单元;33、校验单元;34、发送单元。
具体实施方式
为详细说明本发明的技术内容、所实现目的及效果,以下结合实施方式并配合附图详予说明。
本发明最关键的构思在于:基于Vue.js,组件化表单元素,整合表单和表单元素校验。
名词解释:
Vue.js:一套构建用户界面的渐进式框架。
组件:组件是Vue.js的支持的功能,是整合了UI和功能的一个模块。
插件:Vue.js支持插件功能,支持给组件注册属性和方法。
属性入参:Vue.js组件提供的props功能,父组件用来传递数据的一个自定义属性。
表单校验插件:在Vue.js中注册的一个支持表单校验的插件。
表单元素组件:表单中需要被校验的元素,常用有input组件、radio组件。
表单容器组件:包裹所有表单元素的组件,通常是form组件。
表单元素适配器:将所有的表单元素组件的属性入参以及公有的方法统一,使得所有表单组件对外暴露的接口保持一致。
请参阅图1,一种基于Vue.js的表单校验方法,包括:
创建表单元素组件;
预设与所述表单元素组件对应的校验规则信息;
若一表单元素组件的输入值发生改变,则根据所述一表单元素组件对应的校验规则信息,对所述一表单元素组件的输入值进行校验。
从上述描述可知,本发明的有益效果在于:能够极大提高表单校验的性能;且代码易于维护,扩展性强;同时能够自定义表单元素组件和校验规则,极大提高开发效率。
进一步地,所述“根据所述一表单元素组件对应的校验规则信息,对所述一表单元素组件的输入值进行校验”之后,进一步包括:
若所述输入值不符合校验规则,则显示对应所述校验规则信息的错误提示信息。
由上述描述可知,通过显示错误提示信息,提示用户重新输入。
进一步地,所述“创建表单元素组件”之后,进一步包括:
创建表单容器组件和表单元素适配器;
将所述表单元素组件通过所述表单元素适配器注册到所述表单容器组件上;
根据表单容器组件中预设的配置信息,实例化所述表单容器组件;
根据表单元素组件中预设的配置信息,实例化所述表单元素组件。
进一步地,所述“预设与所述表单元素组件对应的校验规则信息”具体为:
创建表单校验插件;
预设与表单元素组件对应的校验规则信息,得到关联关系;
将所述关联关系保存至所述表单校验插件中;
将所述校验规则信息保存至所述表单容器组件中。
进一步地,所述“若一表单元素组件的输入值发生改变,则根据所述一表单元素组件对应的校验规则信息,对所述一表单元素组件的输入值进行校验”具体为:
判断一表单元素组件的输入值是否发生改变;
若是,则表单校验插件根据所述关联关系,从表单容器组件中获取与所述一表单元素组件对应的校验规则信息;
表单校验插件根据所述对应的校验规则信息,对所述一表单元素组件的输入值进行校验,得到校验结果;
表单校验插件将所述校验结果发送至表单容器组件。
进一步地,所述“表单校验插件将所述校验结果发送至表单容器组件”之后,还包括:
表单容器组件将所述校验结果与预设的符合校验规则的结果进行比对,判断是否一致;
若不一致,则显示对应所述校验规则信息的错误提示信息。
由上述描述可知,将表单校验***模块化为表单元素组件、表单容器组件、表单元素适配器和表单校验插件,通过上述组件和插件之间的信息交互,实现响应式、可扩展、易用性强的表单校验功能。
请参照图7,本发明还提出一种基于Vue.js的表单校验***,包括:
第一创建模块,用于创建表单元素组件;
预设模块,用于预设与所述表单元素组件对应的校验规则信息;
校验模块,用于若一表单元素组件的输入值发生改变,则根据所述一表单元素组件对应的校验规则信息,对所述一表单元素组件的输入值进行校验。
进一步地,还包括:
第一显示模块,用于若所述输入值不符合校验规则,则显示对应所述校验规则信息的错误提示信息。
进一步地,还包括:
第二创建模块,用于创建表单容器组件和表单元素适配器;
注册模块,用于将所述表单元素组件通过所述表单元素适配器注册到所述表单容器组件上;
第一实例化模块,用于根据表单容器组件中预设的配置信息,实例化所述表单容器组件;
第二实例化模块8,用于根据表单元素组件中预设的配置信息,实例化所述表单元素组件。
进一步地,所述预设模块包括:
创建单元,用于创建表单校验插件;
预设单元,用于预设与表单元素组件对应的校验规则信息,得到关联关系;
第一保存单元,用于将所述关联关系保存至所述表单校验插件中;
第二保存单元,用于将所述校验规则信息保存至所述表单容器组件中。
进一步地,所述校验模块包括:
判断单元,用于判断一表单元素组件的输入值是否发生改变;
获取单元,用于若是,则表单校验插件根据所述关联关系,从表单容器组件中获取与所述一表单元素组件对应的校验规则信息;
校验单元,用于表单校验插件根据所述对应的校验规则信息,对所述一表单元素组件的输入值进行校验,得到校验结果;
发送单元,用于表单校验插件将所述校验结果发送至表单容器组件。
进一步地,还包括:
比对模块,用于表单容器组件将所述校验结果与预设的符合校验规则的结果进行比对,判断是否一致;
第二显示模块,用于若不一致,则显示对应所述校验规则信息的错误提示信息。
实施例一
请参照图2,本发明的实施例一为:一种表单校验方法,所述方法基于Vue.js的开源框架,包括如下步骤:
S101:创建表单元素组件;具体地,使用Vue.js的组件化特性,创建表单元素组件。
S102:预设与所述表单元素组件对应的校验规则信息;校验规则可以为必要性校验、长度限制校验、是否为空校验等等。
S103:判断一表单元素组件的输入值是否发生改变,若是,则执行步骤S104。改变的原因可能是由于用户重新输入或者其他方式。
S104:根据所述一表单元素组件对应的校验规则信息,对所述一表单元素组件的输入值进行校验。
S105:判断所述输入值是否符合校验规则,若否,则执行步骤S106。具体地,预先存储了符合校验规则的结果,通过将校验结果与预存的结果进行比较,即可判断出输入值是否符合校验规则。
S106:显示对应所述校验规则信息的错误提示信息。
表单元素组件可以为文本输入组件、下拉组件、上传组件、日期组件等等,在这些组件的输入值发生变化的时候即会触发校验。
例如,一文本输入组件要求必填,即要求输入值不为空,当该组件的输入值发生变化时,则对输入值是否为空进行判断,当为空时,校验结果为true,当不为空时,校验结果为false;预存的符合校验规则的结果为false,因此,当输入值为空时,校验结果与预存的结果不同,则判定该输入值不满足要求,即会显示对应的错误提示信息。
本实施例通过将表单元素、校验规则和错误信息关联起来,能够极大提高表单校验的性能;并且几乎不用编写html代码,只需要定义简单的Vue.js对象,就能够创建表单,并完成表单的校验功能,使得代码易于维护,且保持扩展性;同时能够自定义表单元素组件和校验规则,极大提高开发效率。
实施例二
本实施例为实施例一的进一步拓展。
如图3所示,在步骤S101创建表单元素组件之后,还包括如下步骤:
S201:创建表单容器组件和表单元素适配器;具体地,同样使用Vue.js的组件化特性进行创建。其中,表单容易组件提供两个属性入参,一个是配置信息参数,根据参数信息渲染需要的表单元素组件,如错误提示信息、表单元素类型名称等,还可以包括预设的校验规则信息;另一个是表单初始数据参数,用来恢复展示保存过的表单数据。
S202:将所述表单元素组件通过所述表单元素适配器注册到所述表单容器组件上。表单元素适配器使用vue.js自带的is属性,在运行时根据表单元素组件的名称来动态渲染表单元素组件,表单元素适配器提供注册方法,只有注册的表单元素组件,才会在名称匹配的情况下被渲染,表单元素适配器支持多个表单元素组件的注册。
S203:根据表单容器组件中预设的配置信息,实例化所述表单容器组件。
S204:根据表单元素组件中预设的配置信息,实例化所述表单元素组件。
如图4所示,步骤S102具体包括如下步骤:
S1021:创建表单校验插件;表单校验插件是基于Vue.js的插件特性创建的。
S1022:预设与表单元素组件对应的校验规则信息,得到关联关系。
S1023:将所述关联关系保存至所述表单校验插件中。
S1024:将所述校验规则信息保存至所述表单容器组件中。
如图5所示,步骤S104具体包括如下步骤:
S1041:表单校验插件根据所述关联关系,从表单容器组件中获取与所述一表单元素组件对应的校验规则信息;
S1042:表单校验插件根据所述对应的校验规则信息,对所述一表单元素组件的输入值进行校验,得到校验结果;
S1043:表单校验插件将所述校验结果发送至表单容器组件。
进一步地,步骤S105具体为表单容器组件将所述校验结果与预设的符合校验规则的结果进行比对,判断是否一致;若不一致,则执行步骤S106。
在上述步骤创建了表单元素组件100、表单容器组件200、表单元素适配器300和表单校验插件400之后,其架构示意图如图6所示;进一步地,图6中的表单元素组件100可以为多个。
在表单容器组件和表单元素组件实例化后,将表单元素组件通过表单元素适配器注册到表单容器组件上,表单校验插件在组件的init生命周期搜索表单容器组件,并递归其下的表单元素组件,收集各表单元素组件对应的校验规则信息,然后统一发送到表单容器组件,由表单容器组件存储,表单校验插件只需保存表单元素组件和校验规则信息的关联关系,保证后续可根据表单元素组件获取到其对应的校验规则信息即可;然后表单校验插件根据对应的校验规则信息对表单元素组件的输入值进行校验,将校验结果返回至表单容器组件,由表单容器组件进行判断,并进行后续处理。
实施例三
本实施例是上述实施例的一具体应该场景。
基于Vue.js的开源框架,创建并注册表单校验插件,该插件会通过validator属性识别某一个表单容器组件,并自顶向下遍历表单容器组件下的所有表单元素组件,在组件的init生命周期给每一个表单元素组件注册一个$validate方法和$validation属性,$validation用来存储校验结果。
创建CFormCell组件,即表单元素适配器,该组件内容使用带有is属性的component组件,加上一个用于显示错误的信息的span标签。具体的表单元素类型由外部传入,component组件根据该类型来实例化具体的组件。
创建CForm.vue组件,即表单容器组件;CForm.vue外层是form标签。该组件内容使用v-for指令循环表单元素组件。
创建表单元素组件,混合了mField中的公共属性和方法,很容易实现各种各样的表单元素组件,比如文本输入、下拉、单选多选、时间选择、文件上传等。以CTextField.vue为例,该组件混合了公共属性value,validateValue,validate校验信息等属性。使用Vue.js双向绑定的特性,在输入框发生变化的时候,value值也发生变化,这时会触发表单校验插件进行校验。
在CFormCell注册表单元素组件。在CFormCell的components属性中注册组件,组件名称就是组件类型。组件的is属性就可以通过组件类型的值找到对应的表单的组件。
在相关业务的组件,只需要引入CForm组件,传入cells对象,就可以渲染得到一个表单元素组件,并能够在用户输入的时候实时校验表单元素数据是否合法,并在页面上显示校验结果信息。
例如,给表单容器组件传入以下入参属性值:
该配置参数含有一个标题字段,type为textfield说明该标题是从文本输入框获取输入值。这个文本输入框拥有两个校验规则,分别为必要性校验和长度限制校验,message是在校验不通过会显示的提示语。表单元素组件得到这些入参属性值,会渲染一个文本输入的表单元素组件。在文本输入框的值发生变化时,会调用触发该组件的校验方法,该校验方法根据validate提供的校验规则查询对应校验规则方法进行校验,如果对文本输入框的值校验失败,在文本输入框的下方,会显示对应规则的错误提示信息。
实施例四
请参照图8,本实施例是对应上述实施例的一种基于Vue.js的表单校验***,包括:
第一创建模块1,用于创建表单元素组件;
预设模块2,用于预设与所述表单元素组件对应的校验规则信息;
校验模块3,用于若一表单元素组件的输入值发生改变,则根据所述一表单元素组件对应的校验规则信息,对所述一表单元素组件的输入值进行校验。
进一步地,还包括:
第一显示模块4,用于若所述输入值不符合校验规则,则显示对应所述校验规则信息的错误提示信息。
进一步地,还包括:
第二创建模块5,用于创建表单容器组件和表单元素适配器;
注册模块6,用于将所述表单元素组件通过所述表单元素适配器注册到所述表单容器组件上;
第一实例化模块7,用于根据表单容器组件中预设的配置信息,实例化所述表单容器组件;
第二实例化模块8,用于根据表单元素组件中预设的配置信息,实例化所述表单元素组件。
进一步地,所述预设模块2包括:
创建单元21,用于创建表单校验插件;
预设单元22,用于预设与表单元素组件对应的校验规则信息,得到关联关系;
第一保存单元23,用于将所述关联关系保存至所述表单校验插件中;
第二保存单元24,用于将所述校验规则信息保存至所述表单容器组件中。
进一步地,所述校验模块3包括:
判断单元31,用于判断一表单元素组件的输入值是否发生改变;
获取单元32,用于若是,则表单校验插件根据所述关联关系,从表单容器组件中获取与所述一表单元素组件对应的校验规则信息;
校验单元33,用于表单校验插件根据所述对应的校验规则信息,对所述一表单元素组件的输入值进行校验,得到校验结果;
发送单元34,用于表单校验插件将所述校验结果发送至表单容器组件。
进一步地,还包括:
比对模块9,用于表单容器组件将所述校验结果与预设的符合校验规则的结果进行比对,判断是否一致;
第二显示模块10,用于若不一致,则显示对应所述校验规则信息的错误提示信息。
综上所述,本发明提供的一种基于Vue.js的表单校验方法及其***,通过将表单元素、校验规则和错误信息关联起来,能够极大提高表单校验的性能;并且几乎不用编写html代码,只需要定义简单的Vue.js对象,就能够创建表单,并完成表单的校验功能,使得代码易于维护,且保持扩展性;同时能够自定义表单元素组件和校验规则,极大提高开发效率。
以上所述仅为本发明的实施例,并非因此限制本发明的专利范围,凡是利用本发明说明书及附图内容所作的等同变换,或直接或间接运用在相关的技术领域,均同理包括在本发明的专利保护范围内。
Claims (10)
1.一种基于Vue.js的表单校验方法,其特征在于,包括:
创建表单元素组件;
预设与所述表单元素组件对应的校验规则信息;
若一表单元素组件的输入值发生改变,则根据所述一表单元素组件对应的校验规则信息,对所述一表单元素组件的输入值进行校验。
2.根据权利要求1所述的基于Vue.js的表单校验方法,其特征在于,所述“根据所述一表单元素组件对应的校验规则信息,对所述一表单元素组件的输入值进行校验”之后,进一步包括:
若所述输入值不符合校验规则,则显示对应所述校验规则信息的错误提示信息。
3.根据权利要求1所述的基于Vue.js的表单校验方法,其特征在于,所述“创建表单元素组件”之后,进一步包括:
创建表单容器组件和表单元素适配器;
将所述表单元素组件通过所述表单元素适配器注册到所述表单容器组件上;
根据表单容器组件中预设的配置信息,实例化所述表单容器组件;
根据表单元素组件中预设的配置信息,实例化所述表单元素组件。
4.根据权利要求3所述的基于Vue.js的表单校验方法,其特征在于,所述“预设与所述表单元素组件对应的校验规则信息”具体为:
创建表单校验插件;
预设与表单元素组件对应的校验规则信息,得到关联关系;
将所述关联关系保存至所述表单校验插件中;
将所述校验规则信息保存至所述表单容器组件中。
5.根据权利要求4所述的基于Vue.js的表单校验方法,其特征在于,所述“若一表单元素组件的输入值发生改变,则根据所述一表单元素组件对应的校验规则信息,对所述一表单元素组件的输入值进行校验”具体为:
判断一表单元素组件的输入值是否发生改变;
若是,则表单校验插件根据所述关联关系,从表单容器组件中获取与所述一表单元素组件对应的校验规则信息;
表单校验插件根据所述对应的校验规则信息,对所述一表单元素组件的输入值进行校验,得到校验结果;
表单校验插件将所述校验结果发送至表单容器组件。
6.根据权利要求5所述的基于Vue.js的表单校验方法,其特征在于,所述“表单校验插件将所述校验结果发送至表单容器组件”之后,还包括:
表单容器组件将所述校验结果与预设的符合校验规则的结果进行比对,判断是否一致;
若不一致,则显示对应所述校验规则信息的错误提示信息。
7.一种基于Vue.js的表单校验***,其特征在于,包括:
第一创建模块,用于创建表单元素组件;
预设模块,用于预设与所述表单元素组件对应的校验规则信息;
校验模块,用于若一表单元素组件的输入值发生改变,则根据所述一表单元素组件对应的校验规则信息,对所述一表单元素组件的输入值进行校验。
8.根据权利要求7所述的基于Vue.js的表单校验***,其特征在于,还包括:
第一显示模块,用于若所述输入值不符合校验规则,则显示对应所述校验规则信息的错误提示信息。
9.根据权利要求7所述的基于Vue.js的表单校验***,其特征在于,还包括:
第二创建模块,用于创建表单容器组件和表单元素适配器;
注册模块,用于将所述表单元素组件通过所述表单元素适配器注册到所述表单容器组件上;
第一实例化模块,用于根据表单容器组件中预设的配置信息,实例化所述表单容器组件;
第二实例化模块,用于根据表单元素组件中预设的配置信息,实例化所述表单元素组件。
10.根据权利要求9所述的基于Vue.js的表单校验***,其特征在于,所述预设模块包括:
创建单元,用于创建表单校验插件;
预设单元,用于预设与表单元素组件对应的校验规则信息,得到关联关系;
第一保存单元,用于将所述关联关系保存至所述表单校验插件中;
第二保存单元,用于将所述校验规则信息保存至所述表单容器组件中。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710111300.0A CN106990952B (zh) | 2017-02-28 | 2017-02-28 | 基于Vue.js的表单校验方法及其*** |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710111300.0A CN106990952B (zh) | 2017-02-28 | 2017-02-28 | 基于Vue.js的表单校验方法及其*** |
Publications (2)
Publication Number | Publication Date |
---|---|
CN106990952A true CN106990952A (zh) | 2017-07-28 |
CN106990952B CN106990952B (zh) | 2020-08-18 |
Family
ID=59412539
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201710111300.0A Active CN106990952B (zh) | 2017-02-28 | 2017-02-28 | 基于Vue.js的表单校验方法及其*** |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN106990952B (zh) |
Cited By (17)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN108897538A (zh) * | 2018-06-08 | 2018-11-27 | 泰康保险集团股份有限公司 | 页面视图显示方法及装置、存储介质及电子终端 |
CN109271152A (zh) * | 2018-08-17 | 2019-01-25 | 五八有限公司 | 一种输入框内容的校验方法、装置、存储介质及终端 |
CN109582298A (zh) * | 2018-11-16 | 2019-04-05 | 杨爱军 | 一种软件高效配置化开发的设计方法 |
CN109710237A (zh) * | 2019-01-10 | 2019-05-03 | 厦门商集网络科技有限责任公司 | 一种基于自定义二维报表的在线修改校验方法及设备 |
CN109783751A (zh) * | 2018-12-14 | 2019-05-21 | 平安普惠企业管理有限公司 | 表单验证方法及终端设备 |
CN110321540A (zh) * | 2019-06-27 | 2019-10-11 | 北京奇艺世纪科技有限公司 | 一种生成表单的方法、装置、电子设备及介质 |
CN110334303A (zh) * | 2019-06-05 | 2019-10-15 | 平安科技(深圳)有限公司 | 表单校验方法、装置、计算机设备和存储介质 |
CN110598152A (zh) * | 2019-09-11 | 2019-12-20 | 成都安恒信息技术有限公司 | 一种基于JavaScript的Form表单的事件扩展方法 |
CN111061727A (zh) * | 2019-11-26 | 2020-04-24 | 贝壳技术有限公司 | 表单数据保存方法及*** |
CN111382063A (zh) * | 2018-12-30 | 2020-07-07 | 贝壳技术有限公司 | 一种react兼容的校验方法及装置 |
CN112015420A (zh) * | 2020-09-16 | 2020-12-01 | 广东广宇科技发展有限公司 | 表单渲染方法、装置、计算机设备及存储介质 |
CN112596816A (zh) * | 2020-12-25 | 2021-04-02 | 维沃移动通信有限公司 | 一种表单处理方法、装置和电子设备 |
CN112685037A (zh) * | 2020-11-25 | 2021-04-20 | 紫光云技术有限公司 | 一种前端表单组件化编排数据绑定及校验的实现方法 |
CN112749365A (zh) * | 2021-01-19 | 2021-05-04 | 北京直真科技股份有限公司 | 基于React的具有自动排列布局渲染和校验的表单创建方法 |
CN113031940A (zh) * | 2021-04-29 | 2021-06-25 | 武汉夜莺科技有限公司 | 前端框架开发方法、装置及终端设备 |
CN113886777A (zh) * | 2021-08-27 | 2022-01-04 | 观脉科技(北京)有限公司 | 一种Form表单验证的配置方法和执行方法 |
CN114548078A (zh) * | 2021-12-28 | 2022-05-27 | 城云科技(中国)有限公司 | 提交表单时自动触发数据验证的方法、装置及应用 |
Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102819766A (zh) * | 2011-06-09 | 2012-12-12 | 金蝶软件(中国)有限公司 | 一种表单校验方法、装置及企业*** |
CN103106186A (zh) * | 2013-01-22 | 2013-05-15 | 百度在线网络技术(北京)有限公司 | 一种表单校验方法及*** |
CN103984547A (zh) * | 2014-05-14 | 2014-08-13 | 上海上讯信息技术股份有限公司 | 一种表单验证方法及*** |
CN104899027A (zh) * | 2015-05-22 | 2015-09-09 | 国云科技股份有限公司 | 一种实现js通用表单验证的方法 |
US20160292143A1 (en) * | 2015-04-01 | 2016-10-06 | RTO Benefits, LLC | System and method for automated online wizard generation |
CN106156081A (zh) * | 2015-03-31 | 2016-11-23 | 阿里巴巴集团控股有限公司 | 一种表单校验处理方法和设备 |
-
2017
- 2017-02-28 CN CN201710111300.0A patent/CN106990952B/zh active Active
Patent Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102819766A (zh) * | 2011-06-09 | 2012-12-12 | 金蝶软件(中国)有限公司 | 一种表单校验方法、装置及企业*** |
CN103106186A (zh) * | 2013-01-22 | 2013-05-15 | 百度在线网络技术(北京)有限公司 | 一种表单校验方法及*** |
CN103984547A (zh) * | 2014-05-14 | 2014-08-13 | 上海上讯信息技术股份有限公司 | 一种表单验证方法及*** |
CN106156081A (zh) * | 2015-03-31 | 2016-11-23 | 阿里巴巴集团控股有限公司 | 一种表单校验处理方法和设备 |
US20160292143A1 (en) * | 2015-04-01 | 2016-10-06 | RTO Benefits, LLC | System and method for automated online wizard generation |
CN104899027A (zh) * | 2015-05-22 | 2015-09-09 | 国云科技股份有限公司 | 一种实现js通用表单验证的方法 |
Non-Patent Citations (3)
Title |
---|
CINWELL: ""一款简单轻量的Vue.js表单校验插件,支持1.x和2.0"", 《HTTPS://SEGMENTFAULT.COM/A/1190000007575302》 * |
曾广营: ""va.js—Vue表单验证插件的写作过程"", 《HTTPS://SEGMENTFAULT.COM/A/1190000006002592》 * |
王爱华 著: "《PHP+MySQL项目开发与实践》", 31 October 2014, 济南:山东人民出版社 * |
Cited By (20)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN108897538A (zh) * | 2018-06-08 | 2018-11-27 | 泰康保险集团股份有限公司 | 页面视图显示方法及装置、存储介质及电子终端 |
CN109271152A (zh) * | 2018-08-17 | 2019-01-25 | 五八有限公司 | 一种输入框内容的校验方法、装置、存储介质及终端 |
CN109582298A (zh) * | 2018-11-16 | 2019-04-05 | 杨爱军 | 一种软件高效配置化开发的设计方法 |
CN109783751A (zh) * | 2018-12-14 | 2019-05-21 | 平安普惠企业管理有限公司 | 表单验证方法及终端设备 |
CN111382063B (zh) * | 2018-12-30 | 2023-09-08 | 贝壳技术有限公司 | 一种react兼容的校验方法及装置 |
CN111382063A (zh) * | 2018-12-30 | 2020-07-07 | 贝壳技术有限公司 | 一种react兼容的校验方法及装置 |
CN109710237A (zh) * | 2019-01-10 | 2019-05-03 | 厦门商集网络科技有限责任公司 | 一种基于自定义二维报表的在线修改校验方法及设备 |
CN110334303A (zh) * | 2019-06-05 | 2019-10-15 | 平安科技(深圳)有限公司 | 表单校验方法、装置、计算机设备和存储介质 |
CN110321540A (zh) * | 2019-06-27 | 2019-10-11 | 北京奇艺世纪科技有限公司 | 一种生成表单的方法、装置、电子设备及介质 |
CN110598152A (zh) * | 2019-09-11 | 2019-12-20 | 成都安恒信息技术有限公司 | 一种基于JavaScript的Form表单的事件扩展方法 |
CN111061727A (zh) * | 2019-11-26 | 2020-04-24 | 贝壳技术有限公司 | 表单数据保存方法及*** |
CN112015420A (zh) * | 2020-09-16 | 2020-12-01 | 广东广宇科技发展有限公司 | 表单渲染方法、装置、计算机设备及存储介质 |
CN112685037A (zh) * | 2020-11-25 | 2021-04-20 | 紫光云技术有限公司 | 一种前端表单组件化编排数据绑定及校验的实现方法 |
CN112596816A (zh) * | 2020-12-25 | 2021-04-02 | 维沃移动通信有限公司 | 一种表单处理方法、装置和电子设备 |
CN112596816B (zh) * | 2020-12-25 | 2024-06-04 | 维沃移动通信有限公司 | 一种表单处理方法、装置和电子设备 |
CN112749365A (zh) * | 2021-01-19 | 2021-05-04 | 北京直真科技股份有限公司 | 基于React的具有自动排列布局渲染和校验的表单创建方法 |
CN113031940A (zh) * | 2021-04-29 | 2021-06-25 | 武汉夜莺科技有限公司 | 前端框架开发方法、装置及终端设备 |
CN113886777A (zh) * | 2021-08-27 | 2022-01-04 | 观脉科技(北京)有限公司 | 一种Form表单验证的配置方法和执行方法 |
CN113886777B (zh) * | 2021-08-27 | 2022-06-07 | 观脉科技(北京)有限公司 | 一种Form表单验证的配置方法和执行方法 |
CN114548078A (zh) * | 2021-12-28 | 2022-05-27 | 城云科技(中国)有限公司 | 提交表单时自动触发数据验证的方法、装置及应用 |
Also Published As
Publication number | Publication date |
---|---|
CN106990952B (zh) | 2020-08-18 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN106990952A (zh) | 基于Vue.js的表单校验方法及其*** | |
CN105260318B (zh) | 一种基于网页的自动化测试方法及装置 | |
CN100489879C (zh) | 一种对页面数据进行校验的方法、***和服务器 | |
US8832658B2 (en) | Verification framework for business objects | |
US20150142766A1 (en) | Creating Data in a Data Store Using a Dynamic Ontology | |
US7353225B2 (en) | Mechanism for comparing content in data structures | |
CN101853189B (zh) | 一种基于Java的异常处理装置及其异常处理方法 | |
CN107092483A (zh) | 一种自动解析日志库中数据类型的方法及*** | |
CN103440198B (zh) | 表单校验方法 | |
CN110275700A (zh) | 一种基于electron的跨平台桌面应用程序开发框架及方法 | |
CN110968317B (zh) | 一种通过UCI/USI配置文件自动生成vue页面组件的方法和*** | |
CN109379326A (zh) | Xml报文规则校验方法、设备和存储介质 | |
CN108984208A (zh) | 一种功能文件生成方法、装置及*** | |
CN105975559A (zh) | 一种登录路由器后台页面的方法及*** | |
CN111142863A (zh) | 一种页面生成的方法及装置 | |
CN107957871A (zh) | 一种基于jsr303的前后端同步正则校验方法 | |
CN105516269B (zh) | 应用的配置方法和应用的配置装置 | |
CN109976921A (zh) | Rpc服务或消息的指定消费方法及装置、可存储介质和终端 | |
CN110457132A (zh) | 一种功能对象的创建方法、装置和终端设备 | |
CN110489207A (zh) | 参数验证方法、装置及计算机可读存储介质 | |
CN110211012A (zh) | 一种海关报关服务***及其数据处理方法 | |
WO2012106901A1 (zh) | 基于web的脚本语言编辑方法、***和web客户端 | |
CN110109675A (zh) | 智能合约处理方法、装置以及计算机可读存储介质 | |
CN106776175A (zh) | 一种内存的故障管理方法、***及故障管理*** | |
CN107038208A (zh) | 解析和还原tns协议314版本中sql命令和参数的方法 |
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 | ||
GR01 | Patent grant | ||
GR01 | Patent grant |