关于自定义提示信息章节问题
这里借鉴其他同学的笔记内容同问，
关于这个知识点，老师讲得不是很细。求解答！！！
<!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title></title> </head> <body> <form action="" method="get"> <input type="url" required oninput="checkit(this)"> <input type="submit" value="提交"> </form> <script> function checkit(obj) { console.log(obj.validity); var it = obj.validity; //补充完整 var it=obj.validity; if(it.valueMissing === true){ obj.setCustomValidity("不能为空!"); }else { if(it.typeMismatch === true){ obj.setCustomValidity("请输入网址"); }else { obj.setCustomValidity(""); } } } </script> </body> </html>
关于刚打开就提交显示 请填写此字段： ‘请填写此字段’是输入框自带的提示信息，因为给input输入框设置的是required，必填，所以在不填写的时候会有提示信息。还有在输入框上绑定的是oninput事件，输入的时候才会触发这个事假，才会执行事件中的判断，所以在没有输入的时候不会执行，也没有自己写的提示效果。
正在回答 回答被采纳积分+1
相似问题
登录后可查看更多问答，登录/注册
- 参与学习 人
- 提交作业 2198 份
- 解答问题 5012 个
如果你有web端基础，既想进阶，又想进军移动端开发，那就来吧，我们专题为你带来的课程有HTML5、CSS3、移动基础、响应式、bootstrap、less等，让你在前端道路上畅通无阻！
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星