给两个密码的input都绑定onchange事件

来源:4-8 表单验证美化综合案例

qq_慕无忌9185596

2019-08-20 20:40:21

给两个密码的input都绑定onchange事件,当第一个input输入完后失去焦点,值由空变成新的值,应该就会触发事件,而第二次的值还是空,这个时候两个值不一样,就会设置错误提示,但是显示效果却是最后点击提交按钮后才会提示,为什么?

写回答

2回答

好帮手慕星星

2019-08-21

同学你好,

onchange事件是当鼠标离开输入框并且内容发生改变的时候触发。

而H5表单中的提示信息,点击提交按钮才会显示:

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

所以通过setCustomValidity方法设置的提示信息内容也是需要点击提交按钮之后才会显示:

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

自己可以测试理解下,祝学习愉快!

0

qq_慕无忌9185596

提问者

2019-08-21

嗯嗯嗯,我问完后来想了想自己又理解到了,但是这样效率会不会低啊,为何不直接在提交按钮那里的事件去判断两次密码是否一致

0

0 学习 · 6815 问题

查看课程