invalid事件簡單介紹
此事件是HTML5新增。
它會在submit事件之前觸發,以驗證表單內容是否符合規則。
程式碼例項如下:
[HTML] 純文字檢視 複製程式碼<!doctype html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <script> window.onload=function(){ text.oninvalid=function(){ text.setCustomValidity("請輸入正確格式的手機號碼"); }; } </script> </head> <body> <form> <input id="text" pattern="^1[3-9]\d{9}$" required /> <input id="button" type="submit" /> </form> </body> </html>
相關文章
- onerror事件用法簡單介紹Error事件
- onreadystatechange事件簡單介紹事件
- jQuery阻止事件冒泡簡單介紹jQuery事件
- jQuery自定義事件簡單介紹jQuery事件
- Query鍵盤事件簡單介紹事件
- form表單的onSubmit事件簡單介紹ORMMIT事件
- jQuery滑鼠雙擊事件簡單介紹jQuery事件
- window.onunload事件簡單介紹事件
- js事件委託原理簡單介紹JS事件
- java關於事件的簡單介紹Java事件
- js dom元素事件處理簡單介紹JS事件
- jQuery事件名稱空間簡單介紹jQuery事件
- javascript事件控制程式碼簡單介紹JavaScript事件
- 滑鼠右鍵點選事件簡單介紹事件
- javascript什麼是事件委託簡單介紹JavaScript事件
- jquery事件物件event常用屬性簡單介紹jQuery事件物件
- jquery自定義事件的使用方式簡單介紹jQuery事件
- HTML5的video事件簡單介紹HTMLIDE事件
- javascript事件處理函式繫結簡單介紹JavaScript事件函式
- SVG簡單介紹SVG
- HTML簡單介紹HTML
- ActiveMQ簡單介紹MQ
- HTML 簡單介紹HTML
- JavaScript 簡單介紹JavaScript
- CSS 簡單介紹CSS
- SCSS 簡單介紹CSS
- UICollectionView 簡單介紹UIView
- css簡單介紹CSS
- 簡單介紹Angular單元測試之事件觸發的實現Angular事件
- RPC簡單介紹RPC
- Webpack 的簡單介紹Web
- spark簡單介紹(一)Spark
- Flutter key簡單介紹Flutter
- Python簡單介紹Python
- <svg>元素簡單介紹SVG
- Git_簡單介紹Git
- JSON簡單介紹JSON
- 簡單介紹克隆 JavaScriptJavaScript