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 相关文章推荐
jquery validator 插件增加日期比较方法
Feb 21 Javascript
合并table相同单元格的jquery插件分享(很精简)
Jun 20 Javascript
页面加载完成后再执行JS的jquery写法以及区别说明
Feb 22 Javascript
jquery表单对象属性过滤选择器实例分析
May 18 Javascript
Javascript中判断对象是否为空
Jun 10 Javascript
AngularJS教程之MVC体系结构详解
Aug 16 Javascript
webpack+vue.js实现组件化详解
Oct 12 Javascript
利用js的闭包原理做对象封装及调用方法
Apr 07 Javascript
详解Node.js模板引擎Jade入门
Jan 19 Javascript
BootStrap table实现表格行拖拽效果
Dec 01 Javascript
JS常用正则表达式超全集(密码强度校验,金额校验,IE版本,IPv4,IPv6校验)
Feb 03 Javascript
LayUI+Shiro实现动态菜单并记住菜单收展的示例
May 06 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 pcntl_fork和pcntl_fork 的用法
2009/04/13 PHP
thinkphp3.x中cookie方法的用法分析
2016/05/19 PHP
php框架CodeIgniter使用redis的方法分析
2018/04/13 PHP
各种常用浏览器getBoundingClientRect的解析
2009/05/21 Javascript
document.getElementById的简写方式(获取id对象的简略写法)
2010/09/10 Javascript
基于jQuery的简单九宫格实现代码
2012/08/09 Javascript
Jquery easyui 下loaing效果示例代码
2013/08/12 Javascript
javascript自然分类法算法实现代码
2013/10/11 Javascript
使用JavaScript修改浏览器URL地址栏的实现代码
2013/10/21 Javascript
浅谈js中的闭包
2015/03/16 Javascript
利用jQuery及AJAX技术定时更新GridView的某一列数据
2015/12/04 Javascript
原生javascript实现的一个简单动画效果
2016/03/30 Javascript
浅谈js基本数据类型和typeof
2016/08/09 Javascript
JS 循环li添加点击事件 (闭包的应用)
2016/12/10 Javascript
jquery 校验中国身份证号码实例详解
2017/04/11 jQuery
详解js静态资源文件请求的处理
2017/08/01 Javascript
浅谈pc端rem字体设置的问题
2017/08/03 Javascript
windows系统下更新nodejs版本的方案
2017/11/24 NodeJs
解决vue单页使用keep-alive页面返回不刷新的问题
2018/03/13 Javascript
使用vue2实现购物车和地址选配功能
2018/03/29 Javascript
详解Webpack多环境代码打包的方法
2018/08/03 Javascript
通过jquery的ajax请求本地的json文件方法
2018/08/08 jQuery
搭建一个Koa后端项目脚手架的方法步骤
2019/05/30 Javascript
[03:14]2014DOTA2西雅图国际邀请赛 EG战队巡礼
2014/07/07 DOTA
tensorflow实现加载mnist数据集
2018/09/08 Python
python中count函数简单用法
2020/01/05 Python
Pytorch 解决自定义子Module .cuda() tensor失败的问题
2020/06/23 Python
新加坡网上花店:FlowerAdvisor新加坡
2018/10/05 全球购物
英语生日邀请函
2014/01/23 职场文书
企业形象策划方案
2014/05/29 职场文书
银行开户授权委托书格式
2014/10/10 职场文书
捐助感谢信
2015/01/22 职场文书
浅谈Python中的正则表达式
2021/06/28 Python
奥特曼十大神器:奥特手镯在榜,第一是贝利亚的神器
2022/03/18 日漫
ubuntu如何搭建vsftpd服务器
2022/12/24 Servers
PostgreSQL之连接失败的问题及解决
2023/05/08 PostgreSQL