表单校验体验优化

# 变更记录 | 产品版本 | 更新内容 | 更新日期 | | --- | --- | --- | | V5.0.010 | 优化了前端校验的视觉与交互体验 | 2022-10-31 | | V7.0.1 | 1、优化了表单校验反馈提示，提交自动聚焦定位第一个错误字段时，自动激活页签
2、支持了后端校验展示字段红框提示、自动定位、不可见标识的功能，提升表单录入体验
3、表格分录字段支持按条件必填并展示输入框必填星号标识
4、优化了后端提示语字段内容与界面显示不一致问题 | 2024-10-24 | # 功能背景 表单校验的提示都在顶部或弹窗，不够直观且提示内容难理解，导致用户定位错误位置比较困难。为了方便用户直观清晰的看到错误提醒，快速定位错误位置，我们对表单校验的交互进行了优化。 # 适用版本 金蝶云苍穹V5.0.010及以上 # 功能介绍 ## 体验优化 * 1.提交校验时，当错误字段不可见时自动滚动定位到第一个错误字段，且自动进入输入焦点 * 2.重复定位时，错误标识闪烁提示 * 3.折叠面板和页签容器 错误不可见时显示标识 * 4.表格筛选后错误不可见时显示错误标识 * 5.表格显示行错误标识、上下不可见标识 * 6 表格校验顶部提示 显示字段错误个数 ## 其他优化 * 1.字段校验提示与表单字段顺序保持一致 * 2.可见校验优化成所有校验 * 3.图片字段显示错误红框标识 # 效果演示 ## 体验优化 ### 1、 提交校验时，当错误字段不可见时自动滚动定位到第一个错误字段，且自动进入输入焦点  ### 2、 重复提交或点击顶部字段名定位时，字段线框和提示语闪烁提示 ### 3、折叠面板和页签容器 错误不可见时显示提示标识  ### 4、表格筛选后错误不可见时显示错误标识  ### 5、表格显示行错误标识、上下不可见标识 表格显示行错误标识，点击可在该行跳转不同错误单元格 ![5.webp](/download/0100629bca4ee47a40bba05a39f5a96320c9.webp