jQuery简单实现验证邮箱格式

259 阅读 0 评论 171 点赞

我是靠谱客的博主疯狂火龙果，这篇文章主要介绍jQuery简单实现验证邮箱格式，现在分享给大家，希望可以做个参考。

在表单提交的时候可能需要用到邮箱验证代码，代码比较简单，就是邮箱格式的判断，如果说有难点可能就是关于正则表达式的使用，这里就不多说了，大家可以自行查询，下面就给出一段可以使用的验证代码，复制黏贴即可。
代码实例如下:

<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
 $("#bt").click(function(){
  if($("#email1").val()=="")
  {
   alert("邮箱不能为空");
   return false;
  }
  var email=$("#email1").val();
  if(!email.match(/^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,2})$/))
  {
   alert("格式不正确！请重新输入");
   $("#email1").focus();
  }
 })
})
</script>
</head>
<body>
 <form action="#">
 <input type="text" id="email1">
 <input type="button" value="提交" id="bt">
 </form>

以上代码实现了简单的邮箱验证，代码赋值黏贴后即可使用。

以上所述就是本文的全部内容了，希望大家能够喜欢。