基于自定义属性的form表单实时监听检验方法及系统技术方案

技术编号:21034023 阅读:47 留言:0更新日期:2019-05-04 05:20
本发明专利技术公开了一种基于自定义属性的form表单实时监听检验方法及系统,包括以下步骤:利用自定义属性和正则表达式相结合的方式,对表单数据进行实时监测和检验;根据序列化表单对录入数据进行提取,其中,将相同表单数据放到同一数组中;根据反序列化表单将录入数据回显到相应位置。本发明专利技术有益效果:学习成本低,扩展性强,提高了开发人员对表单处理的效率,同时,提供了成熟的表单序列化和反序列化操作方法,使开发人员方便快捷的get/set对应数据,简化了form表单的一系列操作。

Method and System of Form Form Real-time Monitoring and Checking Based on Custom Attributes

【技术实现步骤摘要】
基于自定义属性的form表单实时监听检验方法及系统
本专利技术涉及表单验证
,具体来说,涉及一种基于自定义属性的form表单实时监听检验方法及系统。
技术介绍
Form表单是web系统的常用组件,主要用于数据增加和编辑操作,数据操作会涉及到用户填写数据的检验,用户填写数据的提取,数据的回显等操作,一系列的操作会产生复杂的逻辑和交互,优化交互及逻辑,可以使开发人员专注于业务逻辑,不需要再进行繁杂的细节处理,提高开发效率。目前,对form表单校验主要是JQuery调用对应方法,动态生成校验规则,需要用户按照属性定义大量对应规则,规范繁琐;在插件可扩展方面,自定义验证方法及调用方法需要一定的学习成本,使用较复杂。表单的序列化操作,现有方法仍存在问题,即当表单涉及到数组时,生成数据无法正常解析;表单的反序列化中,数组、radio、checkbox、select及textarea无法正常set数据到对应内容中。针对相关技术中的问题,目前尚未提出有效的解决方案。
技术实现思路
针对相关技术中的上述技术问题,本专利技术提出一种基于自定义属性的form表单实时监听检验方法及系统,能够解决了现有fo本文档来自技高网...

【技术保护点】
1.一种基于自定义属性的form表单实时监听检验方法,其特征在于,包括以下步骤:利用自定义属性和正则表达式相结合的方式,对表单数据进行实时监测和检验;根据序列化表单对录入数据进行提取,其中,将相同表单数据放到同一数组中;根据反序列化表单将录入数据回显到相应位置。

【技术特征摘要】
1.一种基于自定义属性的form表单实时监听检验方法,其特征在于,包括以下步骤:利用自定义属性和正则表达式相结合的方式,对表单数据进行实时监测和检验;根据序列化表单对录入数据进行提取,其中,将相同表单数据放到同一数组中;根据反序列化表单将录入数据回显到相应位置。2.根据权利要求1所述的基于自定义属性的form表单实时监听检验方法,其特征在于,所述利用自定义属性和正则表达式相结合的方式包括:通过自定义属性data-validator方式,将所需的检测规则利用JSON数据格式赋值到自定义属性中。3.根据权利要求1所述的基于自定义属性的form表单实时监听检验方法,其特征在于,所述根据序列化表单对录入数据进行提取包括:利用serializeArray()取得form表单中所有数据,并以数组形式返回;将取得的数组数据进行循环处理;循环处理时判断name是否在返回的json对象中存在;当数据已存在于json对象中,判断当前数据内容是否为数组。4.根据权利要求3所述的基于自定义属性的form表单实时监听检验方法,其特征在于,所述循环处理时判断name是否在返回的json对象中存在包括:当name返回的json对象中不存在,直接放到json对象中;当name返回的json对象中已存在,则处理数组数据。5.根据权利要求1-4任一项所述的基于自定义属性的form表单实时监听检验方法,其特征在于,所述根据反序列化表单将录入数据回显到相应位置包括:将反序列化的数据进行循环处理;循环处理时判断name重复内容,并根据tagName的不同,进行不同的数据回显处理方式。6.一种基于自定义属性的form表单实时监听检验系统,其特征在于,包括:监测...

【专利技术属性】
技术研发人员:徐汕付丽萍刘强刘明
申请(专利权)人:北京航天云路有限公司
类型:发明
国别省市:北京,11

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1