js正则表达式验证邮件地址
更新时间：2015年11月12日 14:32:23 作者：叶剑飞Victor
这篇文章主要介绍了js正则表达式验证邮件地址，利用javaScript语言实现一下电子邮件地址验证程序，使用的是JavaScript语言的正则表达式库，感兴趣的小伙伴们可以参考一下
我们最经常遇到的验证，就是电子邮件地址验证。网站上常见。各种网页脚本也都常用“正则表达式”（regular expression）对我们输入的电子邮件地址进行验证，判断是否合法。有的还能分解出用户名和域名。现在用JavaScript语言实现一下电子邮件地址验证程序，用的是JavaScript语言的正则表达式库。
效果图：
不合法的情况：
合法的情况：
源代码如下，该网页已在IE、Firefox、Chrome上验证通过：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh" xml:lang="zh">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<title>电子邮件地址验证程序</title>
<script language="javascript" type="text/javascript">
//<![CDATA[
function check( email_address )
{
var regex = /^([0-9A-Za-z\-_\.]+)@([0-9a-z]+\.[a-z]{2,3}(\.[a-z]{2})?)$/g;
if ( regex.test( email_address ) )
{
var user_name = email_address.replace( regex, "$1" );
var domain_name = email_address.replace( regex, "$2" );
var alert_string = "您输入的电子邮件地址合法\n\n";
alert_string += "用户名：" + user_name + "\n";
alert_string += "域名：" + domain_name;
window.alert( alert_string );
return true;
}
else
{
window.alert( "您输入的电子邮件地址不合法" );
return false;
}
}
//]]>
</script>
</head>
<body style="text-align: center;">
<h1>电子邮件地址验证程序</h1>
请输入电子邮件地址：<input id="email_address" type="text" style="width: 300px;" /><br />
<input type="button" value="验证电子邮件地址" onclick="return check(document.getElementById('email_address').value);" />
</body>
</html>
以上就是为大家分享的js正则表达式验证邮件地址，希望对大家的学习有所帮助。
相关文章
这篇文章主要介绍了微信小程序利用for循环解决内容变更问题 ，本文分步骤通过实例代码详解给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下2020-03-03
这篇文章主要给大家介绍了关于uniapp安卓本地写入读取文件的相关资料,在uniapp中可以使用uni-app提供的API实现本地文件读取和写入,需要的朋友可以参考下2023-11-11
这篇文章主要介绍了JS继承实现方法及优缺点详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-09-09
Javascript类型系统之undefined和null浅析
这篇文章主要介绍了Javascript类型系统之undefined和null的知识，通过本文还简单给大家介绍了javascript中null和undefined的区别的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-07-07
这篇文章主要介绍了JS面向对象编程封装操作,结合实例形式详细分析了JS面向对象封装操作的相关概念、原理、使用方法与操作注意事项,需要的朋友可以参考下2020-03-03
这篇文章主要介绍了JavaScript基于ajax编辑信息用法,涉及javascript基于Ajax操作鼠标事件及实时保存文本的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-07-07
本篇文章主要介绍了浅谈mint-ui 填坑之路，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-11-11
最近做项目遇到这样的需求，要求表格添加一行，表格删除一行，表格遍历取值等。下面小编给大家带来了js动态添加表格逐行添加、删除、遍历取值的实例代码，需要的朋友参考下2018-01-01
遇到一个Js从Cookies里面取值的需求，Js貌似没有现成的方法可以指定Key值获取Cookie里面对应的值，简单实现如下2014-06-06
bootstrap模态框嵌套、tabindex属性、去除阴影的示例代码
这篇文章主要介绍了bootstrap模态框嵌套、tabindex属性、去除阴影,需要的朋友可以参考下2017-10-10
最新评论