<code>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>正則驗證郵箱和固話</title>
</head>
<body>
<label>
<input type="text" placeholder="請輸入要驗證的郵箱!" name="email" id="email">
<button id="btn_email">點擊驗證</button>
<p id="res_email"></p>
</label>
<label>
<input type="text" placeholder="請輸入要驗證的固話!" name="tel" id="tel">
<button id="btn_tel">點擊驗證</button>
<p id="res_tel"></p>
</label>
</body>
<script type="text/javascript">
var obtn_email = document.getElementById('btn_email');
var obtn_tel = document.getElementById('btn_tel');
String.prototype.emailTest = function(){
var reg = /^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/;
var bRes = reg.test(this);
return bRes;
};
String.prototype.telTes = function(){
var reg = /^((0[1-9]\d{1,2})-)([1-9]{7,8})(-(\d{3,}))?$/;
var bRes = reg.test(this);
return bRes
};
obtn_email.onclick = function(){
var smail = document.getElementById('email').value;
var res_wrap1 = document.getElementById("res_email");
var result = smail.emailTest();
if (result) {
res_wrap1.innerHTML = "該郵箱是合法的!";
} else{
res_wrap1.innerHTML = "該郵箱不合法!";
};
}
obtn_tel.onclick = function(){
var stel = document.getElementById('tel').value;
var res_wrap1 = document.getElementById("res_tel");
var result = stel.telTes();
if (result) {
res_wrap1.innerHTML = "該固話是合法的!";
} else{
res_wrap1.innerHTML = "該固話不合法!";
};
}
</script>
</html>
</code>
