HTML5 pattern自定義驗證提示
pattern屬性值為正規表示式,用來驗證對應表單元素的值。
更多內容建議檢視HTML5 pattern自定義驗證規則一章節。
程式碼例項如下:
[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>
相關文章
- HTML5 pattern自定義驗證規則HTML
- HTML5 setCustomValidity()自定義驗證資訊HTML
- HTML5 setCustomValidity() 自定義驗證資訊HTML
- HTML5 自定義驗證資訊顯示方式HTML
- Laravel 自定義表單驗證-自定義驗證規則Laravel
- Layui 自定義表單驗證UI
- 自定義react資料驗證元件React元件
- Android自定義View---驗證碼AndroidView
- mongoose使用validate驗證, 獲取自定義驗證資訊Go
- 表單驗證 regex:pattern
- jQuery Validate新增自定義驗證規則jQuery
- 表單驗證自定義格式輸出
- gin自定義驗證器&轉化中文
- gRPC(七)進階:自定義身份驗證RPC
- Laravel 自定義表單請求驗證忽略某些欄位驗證Laravel
- jQuery Validate自定義驗證錯誤資訊jQuery
- Android自定義方形驗證碼輸入框Android
- Laravel 自定義驗證規則的問題Laravel
- thinkphp驗證器獲取$data資料,自定義驗證,多條件唯一性驗證unique驗證PHP
- 驗證裡,PHP 檔案中指定自定義值PHP
- 自定義shell提示內容
- 6. 自定義容器型別元素驗證,類級別驗證(多欄位聯合驗證)型別
- [Laravel] 自定義配置你的密碼驗證規則Laravel密碼
- 【Laravel】 自定義配置你的密碼驗證規則Laravel密碼
- 【asp.net core】自定義模型繫結及其驗證ASP.NET模型
- ASP.NET Core - 實現自定義WebApi模型驗證ASP.NETWebAPI模型
- Laravel 模型自定義驗證,同於其它框架 (Yii、tp)Laravel模型框架
- Android View篇之自定義驗證碼輸入框AndroidView
- 自定義Spring Security的身份驗證失敗處理Spring
- SpringBoot-表單驗證-統一異常處理-自定義驗證資訊源Spring Boot
- [Laravel 8 使用者認證] Jetstream 之 如何自定義登入驗證Laravel
- PbootCMS如何取消後臺、留言、自定義表單驗證碼boot
- pbootcms提交留言、提交自定義表單時取消驗證碼boot
- Java 自定義註解在登入驗證的應用Java
- 自定義類載入器驗證類載入機制
- Laravel, vee-validate, 阿波羅 自定義表單時時驗證Laravel
- Android開發之自定義隨機驗證碼控制元件Android隨機控制元件
- Vue-手動清空Form表單的驗證及驗證提示(紅字提示)VueORM
- Django(62)自定義認證類Django