写在前面
在我们做前端页面表单提交时经常会遇到手机号码和邮箱的验证,方法多种多样,此文记录偶平时使用的一个函数!
此文已转发此百度经验,详情请移步百度经验!点此进入
验证函数:
<script language="javascript">
function check(form)
{
if (form.phone.value == '')
{
alert('手机号码不能为空!');
form.phone.focus();
return false;
}
if(form.phone.value.length!=11)
{
alert("这个手机号不存在,请输入11位的号码!");
form.phone.focus();
return false;
}
if(isNaN(form.phone.value))
{
alert("这个手机号不存在,请重新输入!");
form.phone.focus();
return false;
}
if(form.phone.value.substring(0,2)!="13" && form.phone.value.substring(0,2)!="15" && form.phone.value.substring(0,2)!="18" && form.phone.value.substring(0,2)!="14")
{
alert("这个手机号不存在,请重新输入!");
form.phone.focus();
return false;
}
if(!isEmail(form.email.value))
{
alert("邮箱地址不合法,请重新输入!");
form.email.focus();
return false;
}
return true;
}
//邮箱验证函数
function isEmail(strEmail)
{
if (strEmail.search(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/) != -1)
return true;
else
return false;
}
</script>
这里面的手机号码验证其实也是可以独立成一个函数的,大家可以自己去试试
//20130315增加兼容电话号码的号码验证
//去空格 String.prototype.Trim = function() { var m = this.match(/^\s*(\S+(\s+\S+)*)\s*$/); return (m == null) ? "" : m[1]; } //验证手机号 String.prototype.isMobile = function() { return (/^(?:13\d|15[89])-?\d{5}(\d{3}|\*{3})$/.test(this.Trim())); } //验证电话 String.prototype.isTel = function() { //"兼容格式: 国家代码(2到3位)-区号(2到3位)-电话号码(7到8位)-分机号(3位)" //return (/^(([0\+]\d{2,3}-)?(0\d{2,3})-)?(\d{7,8})(-(\d{3,}))?$/.test(this.Trim())); return (/^(([0\+]\d{2,3}-)?(0\d{2,3})-)(\d{7,8})(-(\d{3,}))?$/.test(this.Trim())); } function chkForm(form) { if (form.tel.value.isMobile()||form.tel.value.isTel()) { form.tel.value = form.tel.value.Trim(); alert("您的电话/手机号码是:" + form.tel.value); return true; } else { alert("请输入正确的手机号码或电话号码\n\n例如:13916752109或0712-3614072"); tel.focus(); return false; } }
以上的手机号码验证没有兼容18和14开头的,可以自己试一下增加以下对18和14开头手机号码的兼容!
转载请注明:Rockyxia Web技术博客 » javascript手机号码电话号码验证、邮箱验证函数
感谢阅读,如果您发现文章中有表述不准确,欢迎提出来,也欢迎交流相关问题,你可以去这里进行一对一问答交流。