给两个密码的input都绑定onchange事件
来源:4-8 表单验证美化综合案例
qq_慕无忌9185596
2019-08-20 20:40:21
给两个密码的input都绑定onchange事件,当第一个input输入完后失去焦点,值由空变成新的值,应该就会触发事件,而第二次的值还是空,这个时候两个值不一样,就会设置错误提示,但是显示效果却是最后点击提交按钮后才会提示,为什么?
2回答
同学你好,
onchange事件是当鼠标离开输入框并且内容发生改变的时候触发。
而H5表单中的提示信息,点击提交按钮才会显示:

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

自己可以测试理解下,祝学习愉快!
qq_慕无忌9185596
提问者
2019-08-21
嗯嗯嗯,我问完后来想了想自己又理解到了,但是这样效率会不会低啊,为何不直接在提交按钮那里的事件去判断两次密码是否一致
相似问题