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 相关文章推荐
脚本吧 - 幻宇工作室用到js,超强推荐share.js
Dec 23 Javascript
jQuery 锚点跳转滚动条平滑滚动一句话代码
Apr 30 Javascript
最简单的js图片切换效果实现代码
Sep 24 Javascript
ajax异步刷新实现更新数据库
Dec 03 Javascript
node.js中的fs.readdir方法使用说明
Dec 17 Javascript
学习JavaScript设计模式之模板方法模式
Jan 20 Javascript
js仿支付宝填写支付密码效果实现多方框输入密码
Mar 09 Javascript
Jquery实现遮罩层的简单实例(就是弹出DIV周围都灰色不能操作)
Jul 14 Javascript
Bootstrap Img 图片样式(推荐)
Dec 13 Javascript
jQuery操作json常用方法示例
Jan 04 Javascript
Vue事件修饰符native、self示例详解
Jul 09 Javascript
js实现可爱的气泡特效
Sep 05 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无限极分类函数的实现方法详解
2017/04/15 PHP
php使用gearman进行任务分发操作实例详解
2020/02/26 PHP
Thinkphp 框架扩展之数据库驱动常用方法小结
2020/04/23 PHP
javascript脚本编程解决考试分数统计问题
2008/10/18 Javascript
jQuery UI-Draggable 参数集合
2010/01/10 Javascript
Javascript 遮罩层和加载效果代码
2013/08/01 Javascript
jquery中$(#form :input)与$(#form input)的区别
2014/08/18 Javascript
javascript遇到html5的一些表单属性
2015/07/05 Javascript
微信小程序  TLS 版本必须大于等于1.2问题解决
2017/02/22 Javascript
详解webpack 热更新优化
2018/09/13 Javascript
vue打包相关细节整理(小结)
2018/09/28 Javascript
详解Vue源码中一些util函数
2019/04/24 Javascript
nodejs实现的http、https 请求封装操作示例
2020/02/06 NodeJs
Vue记住滚动条和实现下拉加载的完美方法
2020/07/31 Javascript
[02:29]完美世界高校联赛上海赛区回顾
2015/12/15 DOTA
Python多进程并发(multiprocessing)用法实例详解
2015/06/02 Python
python实现列表中最大最小值输出的示例
2019/07/09 Python
Django发送邮件功能实例详解
2019/09/02 Python
python生成器/yield协程/gevent写简单的图片下载器功能示例
2019/10/28 Python
Python字符串的修改方法实例
2019/12/19 Python
python闭包与引用以及需要注意的陷阱
2020/09/18 Python
详解CSS3开启硬件加速的使用和坑
2017/08/21 HTML / CSS
魔幻般冒泡背景的CSS3按钮动画
2016/02/27 HTML / CSS
澳大利亚领先的在线葡萄酒零售商:Get Wines Direct
2018/03/27 全球购物
舒适的豪华鞋:Taryn Rose
2018/05/03 全球购物
奥地利购买珠宝和手表网站:ELLA JUWELEN
2019/09/03 全球购物
写出二分查找算法的两种实现
2013/05/13 面试题
毕业生求职简历中的自我评价
2013/10/18 职场文书
2014财务年终工作总结
2014/12/08 职场文书
销售经理岗位职责
2015/01/31 职场文书
2015年村计划生育工作总结
2015/04/28 职场文书
PostgreSQL事务回卷实战案例详析
2022/03/25 PostgreSQL
2022新作动画《福星小子》释出宣传影片 加入内田真礼&宫野真守配音演出
2022/04/08 日漫
Python 文字识别
2022/05/11 Python
python实现双链表
2022/05/25 Python
vscode远程免密登入Linux服务器的配置方法
2022/06/28 Servers