我们在使用elementIUI实现表单验证,内容比较多的时候,提示内容会被遮挡,这时候用户不清楚什么情况,还会连续点击提交按钮。这个时候需求来啦:我们需要在表单验证不通过的时候,页面滚动到对应的位置。 了解来需求,那我们来看看如何实现?其实比较简单,下面说一下大致思路: 在表单验证 ...
我们在使用elementIUI实现表单验证,内容比较多的时候,提示内容会被遮挡,这时候用户不清楚什么情况,还会连续点击提交按钮。这个时候需求来啦:我们需要在表单验证不通过的时候,页面滚动到对应的位置。 了解来需求,那我们来看看如何实现?其实比较简单,下面说一下大致思路: 在表单验证 ...
需求:提交表单时,页面定位到第一个校验失败的位置 代码示例: 关键: // 滚动条定位到第一个校验失败的div的位置 locateToErr() { setTimeout(() => { const errorDiv ...
一:各个模块不相同情况 ...
遇到的项目问题是在每个折叠面板里边都有不同的表单,用element上的校验时,若有没填写的表单或不符合表单格式的要求,则自动展开该折叠面板,且页面定位到没校验成功的表单 ...
最近项目有个下单的过程,需要输入很多信息,每次提交都要往下滑,还要去验证,测试后发现体验也不好,element框架也没提供这种滚动方法, 不过提供了一个验证的方法 validate (两个参数:是否校验成功和未通过校验的字段),于是做了一个验证错误时的位置滚动 ...
这里需要有一个注意的点就是html里面表单项的ref名和prop名要一样,如果不一样,要做对应转换,我这里是一样的, 当列表循环时,会有多个相同属性名的列表,且假如有ref和prop不同时,这时可以如下 ...
...
在使用easyui-combogrid时,由于html解析出的格式是如下三层: <td> <input id="txcombo" class="easyui-combogrid combogrid-f combo-f" value="" style="width: 200px ...