正则验证邮箱、手机号码

最新推荐文章于 2023-01-01 18:15:28 发布

原创最新推荐文章于 2023-01-01 18:15:28 发布 · 416 阅读

1 ·

CC 4.0 BY-SA版权

小笔记专栏收录该内容

10 篇文章

订阅专栏

本文介绍了一种使用HTML和JavaScript进行邮箱格式及手机号码输入验证的方法。通过正则表达式检查用户输入的邮箱和手机号是否符合标准格式，若不符合将显示错误提示。

html部分：

      <div>
          <input type="text" name="userEmail" id="userEmail" placeholder="邮箱账号" onChange="checkEmail()" >
           <span id="falseEmail" >邮箱格式错误</span>
        </div>
      	 <div >
          <input type="text" name="userMobile" id="userMobile" placeholder="手机号码" onChange="checkMobile()" >
           <span id="falseMobile">手机号码输入错误</span>
        </div>

js部分：

	function checkEmail()
{
    var filter=/^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
  	var em=document.getElementById("userEmail").value;
    if(filter.test(em))
		{
		falseEmail.style.display = "none";
		return true;
		}
		else
		{
		falseEmail.style.display = "block";
		return false;
		}
}
function checkMobile()
{
    var myreg=/^[1][3,4,5,7,8][0-9]{9}$/;
  	var mo=document.getElementById("userMobile").value;
    if(myreg.test(mo))
		{
		falseMobile.style.display = "none";
		return true;
		}
		else
		{
		falseMobile.style.display = "block";
		return false;
		}
}