國內外郵箱正則驗證：/^\w+(?:\.\w+){0,1}@@[a-zA-Z0-9]{2,14}(?:\.[a-z]{2,4}){1,2}$/
適用於：
samsaatamusic@hotmail.co.uk
samsaata@silkinnovation.com.np
79898989@qq.com
等郵箱
js郵箱驗證：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>郵箱驗證</title> <style> #notice{ font-szie:14px; font-family:SimHei } div{ color:red; margin-top:30px;} p{ color:red; padding-left: 30px; } </style> </head> <body> Email： <input type="text" id="texts" value="" /> <span id="notice"></span> <div>規則：</div> <p>1、不能以0字開頭</p> <p>2、@</p> <p>3、必須是數字與字母組成，長度為2-10位</p> <p>4、結尾一組，字母長度為2-4位</p> <p>5、 .字母，最少一組，最多三組</p> <script> /*id是全局唯一的，不需要獲取元素，直接使用*/ let re = /^\w+(?:\.\w+){0,1}@[a-zA-Z0-9]{2,14}(?:\.[a-z]{2,4}){1,2}$/; //綁定文本輸入時觸發的事件 texts.oninput = function() { let textBox = this.value; //判斷檢測這個值是否正確， if (re.test(textBox)) { //如果驗證正確執行以下代碼 notice.innerHTML = '郵箱驗證成功'; notice.style.color = 'plum'; } else { //驗證不成功，執行以下代碼 notice.innerHTML = '郵箱驗證不成功，請重新輸入'; notice.style.color = 'green'; } } </script> </body> </html>