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 相关文章推荐
做网页的一些技巧
Feb 01 Javascript
关于js中alert弹出窗口文本换行问题简单详细说明
Dec 11 Javascript
js获取字符串最后一位方法汇总
Nov 13 Javascript
教你使用javascript简单写一个页面模板引擎
May 05 Javascript
javascript常用的方法分享
Jul 01 Javascript
jquery插件tytabs.jquery.min.js实现渐变TAB选项卡效果
Aug 25 Javascript
jQuery改变form表单的action,并进行提交的实现代码
May 25 Javascript
js实现String.Fomat的实例代码
Sep 02 Javascript
js利用for in循环获取 一个对象的所有属性以及值的实例
Mar 30 Javascript
JavaScript数据类型和变量_动力节点Java学院整理
Jun 26 Javascript
微信小程序设置滚动条过程详解
Jul 25 Javascript
package.json配置文件构成详解
Aug 27 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中危险的file_put_contents函数详解
2017/11/04 PHP
PHP递归的三种常用方式
2019/02/28 PHP
php生成微信红包数组的方法
2019/09/05 PHP
php中Swoole的热更新实现代码实例
2021/03/04 PHP
一个JS小玩意 几个属性相加不能超过一个特定值.
2009/09/29 Javascript
js出生日期 年月日级联菜单示例代码
2014/01/10 Javascript
node.js中的fs.appendFile方法使用说明
2014/12/17 Javascript
jQuery()方法的第二个参数详解
2015/04/29 Javascript
JQuery中DOM事件绑定用法详解
2015/06/13 Javascript
javascript将DOM节点添加到文档的方法实例分析
2015/08/04 Javascript
Jquery使用小技巧汇总
2015/12/29 Javascript
jquery datatable服务端分页
2016/08/31 Javascript
JS定时器实现数值从0到10来回变化
2016/12/09 Javascript
node.js实现登录注册页面
2017/04/08 Javascript
tangram.js库实现js类的方式实例分析
2018/01/06 Javascript
Koa项目搭建过程详细记录
2018/04/12 Javascript
React全家桶环境搭建过程详解
2018/05/18 Javascript
原生js封装的ajax方法示例
2018/08/02 Javascript
原生JS实现自定义下拉单选选择框功能
2018/10/12 Javascript
vue实现倒计时获取验证码效果
2020/04/17 Javascript
关于vue2强制刷新,解决页面不会重新渲染的问题
2019/10/29 Javascript
JavaScript实现旋转木马轮播图
2020/03/16 Javascript
Postman环境变量全局变量使用方法详解
2020/08/13 Javascript
[06:44]2018DOTA2亚洲邀请赛4.5 SOLO赛 MidOne vs Sumail
2018/04/06 DOTA
[01:09:20]NB vs NAVI Supermajor小组赛A组 BO3 第二场 6.2
2018/06/03 DOTA
python 测试实现方法
2008/12/24 Python
Python通过正则表达式选取callback的方法
2015/07/18 Python
python中常用的九种预处理方法分享
2016/09/11 Python
利用python提取wav文件的mfcc方法
2019/01/09 Python
Pytorch 抽取vgg各层并进行定制化处理的方法
2019/08/20 Python
Django框架 Pagination分页实现代码实例
2019/09/04 Python
院药学专业个人求职信
2013/09/21 职场文书
会展中心部门工作职责
2013/11/27 职场文书
商场经理竞聘演讲稿
2014/01/01 职场文书
推销搭讪开场白
2015/05/28 职场文书
导游词之铁岭象牙山
2019/12/06 职场文书