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 WEB操作方法分享
Feb 28 Javascript
javascript将DOM节点添加到文档的方法实例分析
Aug 04 Javascript
JavaScript采用递归算法计算阶乘实例
Aug 04 Javascript
使用Function.apply()的参数数组化来提高 JavaScript程序性能的技巧
Dec 23 Javascript
javascript表单控件实例讲解
Sep 13 Javascript
纯JavaScript 实现flappy bird小游戏实例代码
Sep 27 Javascript
jquery pagination分页插件使用详解(后台struts2)
Jan 22 Javascript
Angular.js中$resource高大上的数据交互详解
Jul 30 Javascript
React数据传递之组件内部通信的方法
Dec 31 Javascript
react配置antd按需加载的使用
Feb 11 Javascript
layui表格内放置图片,并点击放大的实例
Sep 10 Javascript
JavaScript 定时器详情
Nov 11 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 自定义错误处理函数的使用详解
2013/05/10 PHP
PHP获取当前完整URL地址的函数
2014/12/21 PHP
两种php去除二维数组的重复项方法
2015/11/04 PHP
学习php设计模式 php实现访问者模式(Visitor)
2015/12/07 PHP
Laravel定时任务的每秒执行代码
2019/10/22 PHP
JavaScript类和继承 prototype属性
2010/09/03 Javascript
基于JQuery的多标签实现代码
2012/09/19 Javascript
基于jquery中children()与find()的区别介绍
2013/04/26 Javascript
jQuery实现密保互斥问题解决方案
2013/08/16 Javascript
javascript事件委托的方式绑定详解
2015/06/10 Javascript
jquery图片滚动放大代码分享(2)
2015/08/28 Javascript
jQuery设置单选按钮radio选中/不可用的实例代码
2016/06/24 Javascript
jQuery实现侧浮窗与中浮窗切换效果的方法
2016/09/05 Javascript
jQuery Pagination分页插件使用方法详解
2017/02/28 Javascript
React-Native中禁用Navigator手势返回的示例代码
2017/09/09 Javascript
Bootstrap 树控件使用经验分享(图文解说)
2017/11/06 Javascript
使用rollup打包JS的方法步骤
2018/12/05 Javascript
vue-router结合vuex实现用户权限控制功能
2019/11/14 Javascript
[48:26]VGJ.S vs infamous Supermajor 败者组 BO3 第二场 6.4
2018/06/05 DOTA
编写Python脚本来获取mp3文件tag信息的教程
2015/05/04 Python
Python遍历指定文件及文件夹的方法
2015/05/09 Python
玩转python selenium鼠标键盘操作(ActionChains)
2020/04/12 Python
Php多进程实现代码
2018/05/07 Python
Python2与Python3的区别实例总结
2019/04/17 Python
使用Python3 poplib模块删除服务器多天前的邮件实现代码
2020/04/24 Python
canvas绘制表情包的示例代码
2018/07/09 HTML / CSS
施华洛世奇天猫官方旗舰店:SWAROVSKI
2017/04/17 全球购物
开普敦通行证:Cape Town Pass
2019/07/18 全球购物
应聘自荐书
2013/10/08 职场文书
学校门卫岗位职责
2014/03/16 职场文书
幼儿园中班评语大全
2014/04/17 职场文书
活动总结书
2014/05/08 职场文书
质量整改报告范文
2014/11/08 职场文书
2015年工商局个人工作总结
2015/07/23 职场文书
班主任寄语2016
2015/12/04 职场文书
《乌鸦喝水》教学反思
2016/02/19 职场文书