js實現的郵箱格式驗證程式碼
郵箱驗證是在很多表達中都要必須進行的一項措施,可以防止使用者的誤操作,或者有些人的隨意操作,下面就是一段結合正規表示式實現的完整程式碼例項,演示瞭如何驗證郵箱格式,程式碼如下:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <script type="text/javascript"> function checkEmail(emailString,obj){ var reg=/^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(.[a-zA-Z0-9_-])+/; if(!reg.test(emailString)) { alert("郵箱格式不對"); obj.focus(); return false; } return true; } window.onload=function(){ var email=document.getElementById("email"); var bt=document.getElementById("bt"); bt.onclick=function(){ if(!checkEmail(email.value,email)) { return false; } } } </script> </head> <body> <form action="http://www.softwhy.com" method="post"> <input type="text" id="email" name="email" size="30" /> <input type="submit" id="bt" value="提交" /> </form> </body> </html>
以上程式碼實現了我們的要求,表單中輸入錯誤的郵箱格式的時候,會彈出提示框。
相關閱讀:
1.test()函式可以參閱正規表示式test()函式一章節。
2. focus()函式可以參閱javascript的text.focus()方法一章節。
3.return false可以參閱javascript中return false的作用是什麼一章節。
4.onclick事件可以參閱javascript click 事件一章節。
相關文章
- 郵箱格式驗證
- JavaScript郵箱格式驗證JavaScript
- Java實現郵箱驗證碼功能Java
- js驗證郵箱JS
- 【JavaScript】使用js實現傳送郵箱驗證碼,按鈕倒數計時JavaScriptJS
- Laravel 專案實現郵箱驗證功能Laravel
- 直播app原始碼,驗證方式選擇郵箱驗證時,自動給輸入好的郵箱傳送驗證碼APP原始碼
- Ajax 實現驗證郵箱地址唯一性
- js正規表示式驗證手機,郵箱,身份證JS
- js格式驗證JS
- swift 郵箱、密碼、手機號、身份證驗證正則Swift密碼
- qq郵箱收不到epic驗證郵件怎麼辦 epic郵箱驗證沒反應怎麼辦
- 直播系統原始碼,選擇驗證方式時選擇郵箱驗證原始碼
- 【驗證碼逆向專欄】xx80 郵箱多種類驗證碼逆向分析
- Destoon如何去除登入的郵箱驗證?
- vue.js帳號,密碼,郵箱和移動手機號碼正則驗證Vue.js密碼
- 驗證手機、郵箱、漢字、身份證、URL、IP地址等java程式碼工具類Java
- 保障郵箱安全,驗證碼獨有四個優勢
- 郵箱地址正規表示式驗證
- Vue.js實現圖形驗證碼Vue.js
- 正規表示式驗證郵箱及其解析
- 基於Node.js實現行為驗證碼Node.js
- 實現郵箱的已讀回執
- easy-captcha實現驗證碼驗證APT
- Django實現驗證碼Django
- 驗證碼---js重新整理驗證碼JS
- springboot 實現郵箱找回密碼(使用到redis, stmp)Spring Boot密碼Redis
- Jenkins實現CICD之郵箱告警Jenkins
- TP5使用bootstrapvalidator進行非同步驗證郵箱boot非同步
- [應用案例]onethink郵箱找回密碼功能已實現密碼
- 書寫一個用於驗證郵箱的正規表示式
- web動態驗證碼的實現Web
- jQuery驗證手機號郵箱身份證的正規表示式(含港澳臺)jQuery
- 基於Nuxt.js實現滑動拼圖驗證碼UXJS
- Vue.js 滑動拼圖驗證碼實現筆記Vue.js筆記
- 一百行js程式碼實現一個校驗工具JS
- Gitlab伺服器郵箱配置,實現自動為使用者傳送郵件(註冊傳送驗證連結)Gitlab伺服器
- 使用zabbix實現郵箱/釘釘告警
- win10郵件同步163郵箱的方法_win10郵件怎麼繫結163郵箱實現同步Win10