jquery使用正则表达式验证email地址的方法


Posted in Javascript onJanuary 22, 2015

本文实例讲述了jquery使用正则表达式验证email地址的方法。分享给大家供大家参考。具体实现方法如下:

<html>

<head>

<title>jquery使用正则表达式验证email地址</title>

<meta http-equiv="content-type" content="text/html;charset=utf-8" />

<script type="text/javascript" src="jquery-1.8.2.min.js"></script>

<script type="text/javascript">

 $(function(){

  $(":input[name='email']").blur(function(){

   var email = $(this).val();

   var reg = /\w+[@]{1}\w+[.]\w+/;

   if(reg.test(email)){

    $(":input[name='check']").val("email合法");

   }else{

    $(":input[name='check']").val("请输入正确的email地址");

   }

  });

 });

</script>

<style type="text/css">

h5{color:blue;}

</style>

</head>

<body>

<h5>jquery使用正则表达式验证email地址</h5>

输入Email地址:<input type="text" name="email" /><input type="text" name="check" style="border-width:0px;color:red" />

</body>

</html>
Javascript 相关文章推荐
(仅IE下有效)关于checkbox 三态
May 12 Javascript
jquery多选项卡效果实例代码(附效果图)
Mar 23 Javascript
JS 实现BASE64_ENCODE和BASE64_DECODE(实例代码)
Nov 13 Javascript
js中函数调用的两种常用方法使用介绍
Jul 17 Javascript
node.js中的socket.io的广播消息
Dec 15 Javascript
angularjs学习笔记之双向数据绑定
Sep 26 Javascript
早该知道的7个JavaScript技巧
Jun 21 Javascript
Jquery鼠标放上去显示全名的实现方法
Feb 06 Javascript
原生node.js案例--前后台交互
Feb 20 Javascript
node打造微信个人号机器人的方法示例
Apr 26 Javascript
Vue自动构建发布脚本的方法示例
Jul 24 Javascript
vue的项目如何打包上线
Apr 13 Vue.js
使用jquery操作session方法分享
Jan 22 #Javascript
jQuery实现“扫码阅读”功能
Jan 21 #Javascript
JavaScript中document.forms[0]与getElementByName区别
Jan 21 #Javascript
为JS扩展Array.prototype.indexOf引发的问题及解决办法
Jan 21 #Javascript
JavaScript的内存释放问题详解
Jan 21 #Javascript
script标签属性用type还是language
Jan 21 #Javascript
JS交换变量的方法
Jan 21 #Javascript
You might like
PHP nl2br函数 将换行字符转成 &amp;lt;br&amp;gt;
2009/08/21 PHP
php smarty模版引擎中变量操作符及使用方法
2009/12/11 PHP
PHP原生模板引擎 最简单的模板引擎
2012/04/25 PHP
PHP file_exists问题杂谈
2012/05/07 PHP
解析php利用正则表达式解决采集内容排版的问题
2013/06/20 PHP
php格式文件打开的四种方法
2018/02/24 PHP
JS 自动完成 AutoComplete(Ajax 查询)
2009/07/07 Javascript
分享一个自定义的console类 让你不再纠结JS中的调试代码的兼容
2012/04/20 Javascript
网页前端优化之滚动延时加载图片示例
2013/07/13 Javascript
一款基于jQuery的图片场景标注提示弹窗特效
2015/01/05 Javascript
基于jQuery实现多标签页切换的效果(web前端开发)
2016/07/24 Javascript
Bootstrap基本模板的使用和理解1
2016/12/14 Javascript
基于JS实现bookstore静态页面的实例代码
2017/02/22 Javascript
video.js使用改变ui过程
2017/03/05 Javascript
Nodejs中Express 常用中间件 body-parser 实现解析
2017/05/22 NodeJs
JS使用正则表达式验证身份证号码
2017/06/23 Javascript
详解如何解决Vue和vue-template-compiler版本之间的问题
2018/09/17 Javascript
详解webpack+ES6+Sass搭建多页面应用
2018/11/05 Javascript
vue实现微信获取用户信息的方法
2019/03/21 Javascript
Vue移动端右滑屏幕返回上一页附源码下载
2019/06/26 Javascript
基于JS抓取某高校附近共享单车位置 使用web方式展示位置变化代码实例
2019/08/27 Javascript
[01:14:35]DOTA2上海特级锦标赛B组资格赛#1 Alliance VS Fnatic第一局
2016/02/26 DOTA
[03:01]完美世界DOTA2联赛PWL S2 集锦第二期
2020/12/03 DOTA
python 生成不重复的随机数的代码
2011/05/15 Python
Python爬虫信息输入及页面的切换方法
2018/05/11 Python
Flask框架web开发之零基础入门
2018/12/10 Python
Python如何使用vars返回对象的属性列表
2020/10/17 Python
英国时尚家具、家居饰品及礼品商店:Graham & Green
2016/09/15 全球购物
eDreams加拿大:廉价航班、酒店和度假
2019/03/29 全球购物
c/c++某大公司的两道笔试题
2014/02/02 面试题
技术总监的工作职责
2013/11/13 职场文书
个性大学生自我评价
2013/12/04 职场文书
决定成败的关键——创业计划书
2014/01/24 职场文书
企业标语口号
2014/06/10 职场文书
庆六一文艺汇演活动方案
2014/08/26 职场文书
贫困证明书范文
2015/06/16 职场文书