怎么新建MySQL数据库
发布时间：2022-08-24
作者：admin
阅读：273
阅读：273
在实际应用中，我们有时候会遇到“HTML oninvalid事件属性的定义和用法是什么”这样的问题，我们该怎样来处理呢？下文给大家介绍了解决方法，希望这篇“HTML oninvalid事件属性的定义和用法是什么”文章能帮助大家解决问题。
HTML 事件属性 ]
本文标题：HTML oninvalid 事件属性 - Break易站 转载请保留页面地址：https://www.breakyizhan.com/html/9942.html
到此这篇关于“HTML oninvalid事件属性的定义和用法是什么”的文章就介绍到这了,更多相关HTML oninvalid事件属性的定义和用法是什么内容，欢迎关注群英网络技术资讯频道，小编将为大家输出更多高质量的实用文章！
HTML oninvalid 事件属性的定义和用法
input元素内的值为无效值时触发的事件
提交的input元素的值为无效值时，触发oninvalid事件。
代码：
oninval
HTML oninvalid 事件属性：语法
HTML5表单验证给前端开发带来许多便利，但是默认的提示不友好。我们可以通过setCustomValidity方法来自定义提示信息，更准确的提示给用户。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Break易站(breakyizhan.com)</title> </head> <body> <form action="demo-form.php"> 手机号: <input type="text" name="phone" maxlength="11" pattern="^(0|86|17951)?1[0-9]{10}" oninval/> <br> <input type="submit"> </form> </body> </html>
提示：可以修改代码后运行
pattern：属性规定用于验证输入字段的正则表达式。
oninvalid：提交的input元素的值为无效值时（这里是正则验证失败），触发oninvalid事件。oninvalid属于Form 事件。
setCustomValidity()：这个是HTML5内置的JS方法，用来自定义提示信息
maxlength：限定input最大输入长度
到此这篇关于“HTML oninvalid事件属性的定义和用法是什么”的文章就介绍到这了,更多相关HTML oninvalid事件属性的定义和用法是什么内容，欢迎关注群英网络技术资讯频道，小编将为大家输出更多高质量的实用文章！
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。
相关阅读
长按识别二维码并关注微信
更方便到期提醒、手机管理