<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>
