oninput的作用?

oninput的作用?

<input type="tel" id="tel" class="tel" name="tel" placeholder="请输入手机号码" required pattern="^1[0-9]{10}$" oninvalid="this.setCustomValidity('请输入正确的号码');" oninput="this.setCustomValidity('');">

oninput="this.setCustomValidity('');"有什么作用?

正在回答 回答被采纳积分+1

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

2回答
好帮手慕码 2019-10-06 18:55:21

同学你好!
是定义的事件不同,

oninput :  当元素获得用户输入时运行的脚本。   

oninvalid  : 当元素无效时运行的脚本。    

二者是有区别的,同学可以再理解一下。

如果帮助到了你,欢迎采纳,祝学习愉快~

 


好帮手慕码 2019-10-06 16:52:25

同学你好!

oninput事件是在键入时显示出来的错误信息,设置 input 元素的 validationMessage 属性,用于自定义错误提示信息的方法。

如果帮助到了你 欢迎采纳 祝学习愉快~

  • 提问者 慕函数3762822 #1
    有了oninvalid="this.setCustomValidity('请输入正确的号码');",为什么还需要oninput="this.setCustomValidity('');"
    2019-10-06 16:54:21
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星

相似问题

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

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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