一种表单校验错误信息提示方法、装置和设备制造方法及图纸

技术编号:44924604 阅读:28 留言:0更新日期:2025-04-08 19:03
本发明专利技术公开了一种表单校验错误信息提示方法、装置和设备,通过创建观察者实例observe监听表单校验错误信息提示元素;当监听到所述表单校验错误信息提示元素发生变更且挂载时,获取所述表单校验错误信息提示元素的文本内容,并打开预先配置的tooltip提示框展示所述文本内容,实现了通过提示框提示表单校验错误信息,有效的解决了传统表单校验错误提示方案提示效果不美观的问题,并且保留了原有的复杂地表单校验规则逻辑,拓展性和适配性强,能快速匹配主流UI组件库表单组件。

【技术实现步骤摘要】

本申请涉及计算机,具体涉及一种表单校验错误信息提示方法、装置和设备


技术介绍

1、表单校验用于校验用户是否以正确的格式输入了数据,并在校验未通过时在页面显示表单校验错误信息,以提示用户按照正确的格式进行数据输入,从而确保输入的数据符合特定的格式、规则和约束条件,减少无效或错误数据的提交。

2、目前主流的前端开发ui框架element和arco design都是采用转行标红文本来提示表单校验错误信息,但是这种校验错误信息提示方案存在如下缺陷:

3、第一方面,当界面表单元素和紧跟界面元素间的空间不允许被挤占时,如在表格表单的场景中,表格具备单元格并且单元格通常不具备固定高度,并且每一个单元格高度的增加都会使得它所在列的所有单元格高度整体增加。在这种情况下如果触发了表单校验错误提示,传统的标红文本提示将会挤占该表单单元格空间,使该表格单元格高度增加,进而导致整行单元格的高度都增加。这种情况下有表单校验错误信息提示的单元格内容填充还是比较充满,但没有表单校验错误信息提示的单元格就会显得很空荡,使得表格整体布局不协调且不美观。而且随着错误提本文档来自技高网...

【技术保护点】

1.一种表单校验错误信息提示方法,其特征在于,所述表单校验错误信息提示方法包括:

2.如权利要求1所述的表单校验错误信息提示方法,其特征在于,在创建观察者实例observe监听表单校验错误信息提示元素之前,还包括:

3.如权利要求2所述的表单校验错误信息提示方法,其特征在于,为所述messageType属性配置tooltip提示框参数值参数值,还包括:

4.如权利要求2所述的表单校验错误信息提示方法,其特征在于,创建观察者实例observe监听表单校验错误信息提示元素,包括:

5.如权利要求1所述的表单校验错误信息提示方法,其特征在于,在打...

【技术特征摘要】

1.一种表单校验错误信息提示方法,其特征在于,所述表单校验错误信息提示方法包括:

2.如权利要求1所述的表单校验错误信息提示方法,其特征在于,在创建观察者实例observe监听表单校验错误信息提示元素之前,还包括:

3.如权利要求2所述的表单校验错误信息提示方法,其特征在于,为所述messagetype属性配置tooltip提示框参数值参数值,还包括:

4.如权利要求2所述的表单校验错误信息提示方法,其特征在于,创建观察者实例observe监听表单校验错误信息提示元素,包括:

5.如权利要求1所述的表单校验错误信息提示方法,其特征在于,在打开预先配置的tooltip提示框展示所述文本内容...

【专利技术属性】
技术研发人员:陈家康
申请(专利权)人:中电云计算技术有限公司
类型:发明
国别省市:

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

1