例1,验证邮箱输入的格式是否正确。
复制代码 代码示例:
<script language="
javascript" type="text/javascript" >
/**
* Check email format
*/
function emailCheck(obj, labelName) {
var objName = eval("document.all."+obj);
var pattern = /^([.a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(.[a-zA-Z0-9_-])+/;
if (!pattern.test(objName.value)) {
alert("请输入正确的邮箱地址。");
objName.focus();
return false;
}
return true;
}
</script>
email:
<input type="text" id="email" name="email" maxlength="30" onblur="return emailCheck('email', 'email')" style="text-align: left; width:300px;" />
之前我们曾介绍过
JavaScript验证Email邮箱格式的三种方法,其中主要也是使用了
正则表达式来判断邮箱格式正确与否,因此, 我们有理由判断js结合正则可以更灵活高效地检测邮箱email地址是否正确。
接下来再举二个js验证email地址格式的例子,以加深对这块的理解。
例2,JS验证电子邮件地址格式
复制代码 代码示例:
<script type="text/javascript">
function isValidMail() {
var TextVal = document.getElementById("TextBox1").value;
var Regex = /^(?:w+.?)*w+@(?:w+.)*w+$/;
if (Regex.test(TextVal)){
alert(true);
}
else {
if (TextVal == "") {
alert("请输入电子邮件地址!!");
return false;
}
else {
alert("您好,你输入不正确,请重新输入;");
document.getElementById("TextBox1").value = "";
return false;
}
}
}
</script>
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
<asp:Button ID="Button3" runat="server" Text="Button" OnClientClick="return isValidMail()" OnClick="Button3_Click" />
例3,JS正则验证邮箱的格式。
代码:
复制代码 代码示例:
function test()
{
var temp = document.getElementById("text1");
//对电子邮件的验证
var myreg = /^([a-zA-Z0-9]+[_|_|.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|_|.]?)*[a-zA-Z0-9]+.[a-zA-Z]{2,3}$/;
if(!myreg.test(temp.value))
{
alert('提示nn请输入有效的E_mail!');
myreg.focus();
return false;
} // www.jb200.com
}
//由于方法相同,一下只写出相关的正则表达式
//对于手机号码的验证(提供了两种方法)
var mobile=/^((13[0-9]{1})|159|153)+d{8}$/;
var mobile1=/^(13+d{9})|(159+d{8})|(153+d{8})$/;
//对于区号的验证
var phoneAreaNum = /^d{3,4}$/;
//对于电话号码的验证
var phone =/^d{7,8}$/;
代码含义说明:
1、/^$/ 这个是个通用的格式。
^ 匹配输入字符串的开始位置;$匹配输入字符串的结束位置
2、其中输入需要实现的功能。
* 匹配前面的子表达式零次或多次;
+ 匹配前面的子表达式一次或多次;
?匹配前面的子表达式零次或一次;
d 匹配一个数字字符,等价于[0-9]