js正则表达式验证邮件地址


Posted in Javascript onNovember 12, 2015

我们最经常遇到的验证,就是电子邮件地址验证。网站上常见。各种网页脚本也都常用“正则表达式”(regular expression)对我们输入的电子邮件地址进行验证,判断是否合法。有的还能分解出用户名和域名。现在用JavaScript语言实现一下电子邮件地址验证程序,用的是JavaScript语言的正则表达式库。

效果图:

不合法的情况:

js正则表达式验证邮件地址

合法的情况:

js正则表达式验证邮件地址

源代码如下,该网页已在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正则表达式验证邮件地址,希望对大家的学习有所帮助。

Javascript 相关文章推荐
JavaScript中的操作符==与===介绍
Dec 31 Javascript
javascript性能优化之DOM交互操作实例分析
Dec 12 Javascript
Three.js学习之网格
Aug 10 Javascript
原生态js,鼠标按下后,经过了那些单元格的简单实例
Aug 11 Javascript
Angular.js实现获取验证码倒计时60秒按钮的简单方法
Oct 18 Javascript
Vue全家桶实践项目总结(推荐)
Nov 04 Javascript
r.js来合并压缩css文件的示例
Apr 26 Javascript
微信小程序倒计时功能实例代码
Jul 17 Javascript
详解webpack-dev-server使用方法
Sep 14 Javascript
JS开发 富文本编辑器TinyMCE详解
Jul 19 Javascript
JS浮点数运算结果不精确的Bug解决
Aug 01 Javascript
你准备好迎接vue3.0了吗
Apr 28 Javascript
每天一篇javascript学习小结(Boolean对象)
Nov 12 #Javascript
为何JS操作的href都是javascript:void(0);呢
Nov 12 #Javascript
基于jquery实现左右按钮点击的图片切换效果
Jan 27 #Javascript
js图片轮播效果实现代码
Apr 18 #Javascript
javascript伸缩菜单栏实现代码分享
Nov 12 #Javascript
javascript发送短信验证码实现代码
Nov 12 #Javascript
javascript倒计时效果实现
Nov 12 #Javascript
You might like
php数组(array)输出的三种形式详解
2013/06/05 PHP
php通过asort()给关联数组按照值排序的方法
2015/03/18 PHP
PHP7 windows支持
2021/03/09 PHP
JavaScript 继承详解(一)
2009/07/13 Javascript
ExtJS Store的数据访问与更新问题
2010/04/28 Javascript
从jQuery.camelCase()学习string.replace() 函数学习
2011/09/13 Javascript
通过jQuery源码学习javascript(二)
2012/12/27 Javascript
node.js中的querystring.stringify方法使用说明
2014/12/10 Javascript
利用Angularjs中模块ui-route管理状态的方法
2016/12/27 Javascript
jQuery实现对象转为url参数的方法
2017/01/11 Javascript
简述vue中的config配置
2018/01/23 Javascript
解决vue项目 build之后资源文件找不到的问题
2020/09/12 Javascript
vue-cli4.0多环境配置变量与模式详解
2020/12/30 Vue.js
[03:04]2018年度DOTA2玩家最喜爱的主播-完美盛典
2018/12/16 DOTA
[01:10:49]Secret vs VGJ.S 2018国际邀请赛淘汰赛BO3 第二场 8.24
2018/08/25 DOTA
Python中使用语句导入模块或包的机制研究
2015/03/30 Python
简单实现python数独游戏
2018/03/30 Python
关于django 数据库迁移(migrate)应该知道的一些事
2018/05/27 Python
python 定义n个变量方法 (变量声明自动化)
2018/11/10 Python
python实现图片转字符小工具
2019/04/30 Python
HTML5+CSS3模仿优酷视频截图功能示例
2017/01/05 HTML / CSS
亿阳信通股份有限公司笔试题(C#)
2016/03/04 面试题
机电一体化专业推荐信
2013/12/03 职场文书
会计专业的自荐信
2013/12/12 职场文书
预备党员思想汇报范文
2014/01/11 职场文书
买房子个人收入证明
2014/01/16 职场文书
学生安全教育材料
2014/02/14 职场文书
幼儿园毕业教师感言
2014/02/21 职场文书
设备动力科岗位职责范本
2014/02/23 职场文书
教室标语大全
2014/06/21 职场文书
申报优秀教师材料
2014/12/16 职场文书
党性分析材料格式
2014/12/19 职场文书
物流仓管员岗位职责
2015/04/01 职场文书
2016元旦主持人经典开场白台词
2015/12/03 职场文书
2016师德师风学习心得体会
2016/01/12 职场文书
nginx里的rewrite跳转的实现
2021/03/31 Servers