表单自动化的校验顺序问题:常见误区与修正
【摘要】 表单自动化的校验顺序问题的常见误区与修正。记录3个关键点与一段可直接复用的代码。
表单自动化的校验顺序问题这件事,做一次不难,难的是每次都稳。这篇按常见误区与修正的方式记下来。
1. 先看清楚问题
受控组件会吞掉直接赋值,必须派发 input 事件或真实键盘输入。
2. 实际动手时
自定义下拉要先展开再点选项,坐标点击常常打在容器上。
3. 最后补一刀
同一表单里字段互相重置时,按「后填的字段最后填」排序再提交。
可以直接复用的片段:
el.dispatchEvent(new Event("input", { bubbles: true }));
小结:把判断条件写在代码里,比记在脑子里可靠;能自动验收的,就不要靠肉眼确认。
【声明】本内容来自华为云开发者社区博主,不代表华为云及华为云开发者社区的观点和立场。转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息,否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱:
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论(0)