JavaScript验证Email(3种方法)

更新时间：2015年09月21日 12:03:37 投稿：lijiao

这篇文章主要介绍了JavaScript验证Email的3种方法，需要的朋友可以参考下

今天为大家推荐三种JavaScript验证Email方法，希望对大家的学习有所帮助。
第一种：javascript验证邮箱格式

<SCRIPT LANGUAGE=javascript RUNAT=Server>
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
alert("oh");
}
</SCRIPT>
<input type=text onblur=isEmail(this.value)>

第二种：用Javascript验证email填写是否正确

<html>
<head>
<title>test</title>
<script language="javascript">
function emailCheck () {
var emailStr=document.all.form1.tel.value;
alert(emailStr);
var emailPat=/^(.+)@(.+)$/;
var matchArray=emailStr.match(emailPat);
if (matchArray==null) {
alert("电子邮件地址必须包括 ( @ 和 . )")
return false;
}
return true;
}
</script>
</head>

<body>
<form name="form1">
<input type="text" name="tel"/>
<input type="button" value="press" onclick="emailCheck()"/>
</form>


</span>
</body>
</html>

第三种：js验证Email

function char_test(chr) 
//字符检测函数 
{ 
var i; 
var smallch="abcdefghijklmnopqrstuvwxyz"; 
var bigch="ABCDEFGHIJKLMNOPQRSTUVWXYZ"; 
for(i=0;i<26;i++) 
if(chr==smallch.charAt(i) || chr==bigch.charAt(i)) 
 return(1); 
return(0); 
} 

function spchar_test(chr) 
//数字和特殊字符检测函数 
{ 
var i; 
var spch="_-.0123456789"; 
for (i=0;i<13;i++) 
 if(chr==spch.charAt(i)) 
 return(1); 
return(0); 
} 

function email_test(str) 
{ 
var i,flag=0; 
var at_symbol=0; 
//“@”检测的位置 
var dot_symbol=0; 
//“.”检测的位置 
if(char_test(str.charAt(0))==0 ) 
return (1); 
//首字符必须用字母 

for (i=1;i<str.length;i++) 
if(str.charAt(i)=='@') 
 { 
 at_symbol=i; 
 break; 
 } 
//检测“@”的位置 

if(at_symbol==str.length-1 || at_symbol==0) 
return(2); 
//没有邮件服务器域名 

if(at_symbol<3) 
return(3); 
//帐号少于三个字符 

if(at_symbol>19 ) 
return(4); 
//帐号多于十九个字符 

for(i=1;i<at_symbol;i++) 
if(char_test(str.charAt(i))==0 && spchar_test(str.charAt(i))==0) 
 return (5); 
for(i=at_symbol+1;i<str.length;i++) 
if(char_test(str.charAt(i))==0 && spchar_test(str.charAt(i))==0) 
 return (5); 
//不能用其它的特殊字符  
 
for(i=at_symbol+1;i<str.length;i++) 
if(str.charAt(i)=='.') dot_symbol=i; 
for(i=at_symbol+1;i<str.length;i++) 
if(dot_symbol==0 || dot_symbol==str.length-1) 
//简单的检测有没有“.”，以确定服务器名是否合法 
return (6); 
 
return (0); 
//邮件名合法 
}

以上就是JavaScript验证Email方法，大家学会了吗？

您可能感兴趣的文章:

webpack external模块的具体使用
本篇文章主要介绍了webpack external模块的具体使用，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2018-03-03
微信 jssdk 签名错误invalid signature的解决方法
这篇文章主要介绍了微信 jssdk 签名错误invalid signature的解决方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2019-01-01
vue3中Element Plus全局组件配置中文的两种方案
element-plus组件文字语言默认是英文,需要手动更改一下中文包 ,本文主要介绍了vue3中Element Plus全局组件配置中文的两种方案,具有一定的参考价值,感兴趣的可以了解一下
2023-12-12
Bootstrap jquery.twbsPagination.js动态页码分页实例代码
这篇文章主要介绍了Bootstrap jquery.twbsPagination.js动态页码分页实例代码,需要的朋友可以参考下
2017-02-02
JavaScript中的canvas 实现一个圆环渐变倒计时效果
这篇文章主要介绍了JavaScript中的canvas 实现一个圆环渐变倒计时效果，文章围绕主题展开详细的内容介绍，具有一定的参考价值，需要的小伙伴可以参考一下
2022-09-09
基于JS实现接粽子小游戏的示例代码
端午节马上就到了，听说你们公司没发粽子大礼包？没关系，这里用 JS实现了一个简单的接粽子小游戏，能接到多少粽子，完全看你手速，快跟随小编一起来学习学习吧
2022-05-05
一个简单的JavaScript Map实例(分享)
下面小编就为大家带来一篇一个简单的JavaScript Map实例(分享)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-08-08
微信小程序按钮点击动画效果的实现
这篇文章主要介绍了微信小程序按钮点击动画效果的实现,本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下
2019-09-09
学习JavaScript设计模式(继承)
这篇文章主要带领大家学习JavaScript设计模式，其中重点介绍继承，举例说明为什么需要继承，对继承进行详细剖析，感兴趣的小伙伴们可以参考一下
2015-11-11
JS设计模式之建造者模式的使用方法详解
JS建造者模式是一种创建型设计模式,它可以用于构建复杂对象的创建过程,将对象的构建步骤和表示分离,以便能够灵活地构建不同的对象,本文将通过代码示例给大家详细的介绍一下JS建造者模式的用法,需要的朋友可以参考下
2023-08-08