关于oninput

关于oninput

http://img1.sycdn.imooc.com//climg/5dba8bc20902728711350885.jpg老师,感觉这里用oninput有问题,刷新页面不输入内容直接按提交并不会提示没有输入内容?只有当输入了内容又删除了再提交才会提示!

正在回答

登陆购买课程后可参与讨论,去登陆

2回答

同学你好,对于你的疑惑解答如下

  1. 是的, 没提交表单的时候oninput事件设置的提示信息不会显示

  2. 将验证写在提交按钮的点击事件中处理, 这种思路也是可以的。 示例: 可以给输入框添加一个id,然后给提交按钮绑定点击事件,传入对应的输入框id值

    http://img1.sycdn.imooc.com//climg/5dba9549096dca7a09400480.jpg

同学可以再测试一下哦~

如果帮助到了你, 欢迎采纳!

祝学习愉快~~~~

好帮手慕慕子 2019-10-31 15:35:21

同学你好,因为oninput事件是监听输入框输入事件的,必须输入框输入(或删除)内容了才可以触发该事件。所以刷新页面后直接点击提交按钮监听不到这个事件, 无法出现提示信息

建议:可以给输入框添加一个required属性, 要求输入不能为空

http://img1.sycdn.imooc.com//climg/5dba8e200929683b08640124.jpg

刷新页面后直接点击提交按钮,会给出提示让用户填写该字段

http://img1.sycdn.imooc.com//climg/5dba8e8b09596db703110114.jpg

如果帮助到了你, 欢迎采纳!

祝学习愉快~~~


  • 提问者 慕神9465694 #1
    明白了。请问老师,既然H5自带的验证需要在提交表单时才能验证提示(是不是说没提交的时候oninput不起作用?),那么我是不是也可以给提交按钮绑定click事件,把验证放click里面呢?
    2019-10-31 15:40:37
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星

相似问题

登录后可查看更多问答,登录/注册

3.WebAPP开发与小程序
  • 参与学习           人
  • 提交作业       622    份
  • 解答问题       6815    个

微信带火了小程序,也让前端工程师有了更多的展现机会,本阶段带你从移动基础知识的学习到webAPP开发,及小程序开发,让你PC端与移动端两端通吃。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师