获取错误信息问题

来源:4-13 html5默认气泡修改演示

是否可以坚持走得更远些

2018-09-06 18:29:16

 errorMessages = form.querySelectorAll( ".error-message" )没搞懂这句代码,当点击提交的时候,这句代码怎么就能获取到全部的错误信息了?    error-message 这个类也只是我们预先自定义的样式呀,不是仅此而已吗?

写回答

1回答

好帮手慕夭夭

2018-09-06

error-message是错误信息元素的一个样式 ,通过querySelectorAll("error-message")方法可以获取元素 . 也就是使用元素的class获取到这个元素对象 , 视频中代码如下 :

http://img.mukewang.com/climg/5b9107a20001ea6d12230439.jpg

如上红框部分 ,是在点击提交按钮的事件中 , 遍历给每个输入框添加一个错误提示信息 , 如下 :

http://img.mukewang.com/climg/5b9108310001786408420245.jpg

所以在点击提交按钮时 ,会在html中添加如上两个元素 . 所以当再次点击时 ,需要使用元素的类名error-message获取到这两个元素的对象 , 如果存在的话 ,先使用如下代码移除

http://img.mukewang.com/climg/5b91092900013ae009060116.jpg

然后再重新添加错误提示信息 , 否则就会一直重复添加了了 ,如下 :

http://img.mukewang.com/climg/5b91098e000163ef03630250.jpg

希望解答了你的疑惑 ,祝学习愉快 ,望采纳

0

0 学习 · 5012 问题

查看课程