js校验手机号码、email格式

乱编乱写 4863 Views 0 Comments

JavaScript判断用户输入的邮箱格式是否正确、判断用户输入的手机号格式是否正确

Q1.jpg

<!doctype html>
<html>
    <head>
   <meta charset="utf-8">
   <title>js正则表达式</title>
   <style type="text/css">
  .sys-no1{
 width:550px;
 height:200px; 
 left:50%;
 top:50%;
 position: absolute;
 margin-left:-275px;
 margin-top:-100px;
  }
  input[type="text"]{
 border: 1px solid #c7c7c7;
 color: #414141;
 font-size: 14px;
 height: 34px;
 line-height: 34px;
 padding-left: 10px;
 vertical-align: middle;
 width: 360px;
  }
  input[type="button"]{
 font-size: 16px;
 background-color: #F88A5B;
 border: 1px;
 color: #fff;
 padding: 8px 13px 7px;
 margin-left: 20px;
 cursor: pointer;
  }  
   </style>
   <script type="text/javascript">
  function check(type){
 //校验手机号码是否正确
 if(type=="mobphone"){
var regu=/^[1][0-9]{10}$/;//手机号码正则表达式
var mobphone = document.getElementById('mobphone');

//校验手机号码是否正确
if(!regu.test(mobphone.value)){
    alert("手机号码为空或格式不正确!!");
    mobphone.focus();//光标定位到手机号码录入文本框
    return;
}
alert("手机号码格式正确!!");
 }else{
//校验email格式是否正确
var myemailreg = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;//邮箱格式正则表达式
var email = document.getElementById('email');

//校验邮箱格式是否正确
if(!myemailreg.test(email.value)){
    alert("邮箱为空或格式不正确!");
    email.focus();//光标定位到手机号码录入文本框
    return;
}
alert("邮箱格式正确!!");
 }
  }
   </script>
    </head>
    <body>
   <div class="sys-no1">
  <div><input type="text" id="mobphone" value="" placeholder="请输入待校验手机号码" /><input type="button" value="校验手机号" onclick="check('mobphone')"/></div><br />
  <div><input type="text" id="email" value="" placeholder="请输入待校验email" /><input type="button" value="校验邮箱地址" onclick="check('email')"/></div>
   </div>
    </body>
</html>

标签: javascript,

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
loading