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 相关文章推荐
JavaScript定义类或函数的几种方式小结
Jan 09 Javascript
如何使用jquery控制CSS样式,并且取消Css样式(如背景色,有实例)
Jul 09 Javascript
使用CSS和jQuery模拟select并附提交后取得数据的代码
Oct 18 Javascript
jQuery中DOM树操作之复制元素的方法
Jan 23 Javascript
JavaScript中pop()方法的使用教程
Jun 09 Javascript
javascript中if和switch,==和===详解
Jul 30 Javascript
jQuery实现鼠标跟随提示层效果代码(可显示文本,Div,Table,Html等)
Apr 18 Javascript
jqPlot jQuery绘图插件的使用
Jun 18 Javascript
基于JavaScript实现移动端无限加载分页
Mar 27 Javascript
详解动画插件wow.js的使用方法
Sep 13 Javascript
Javascript执行流程细节原理解析
May 14 Javascript
video.js添加自定义组件的方法
Dec 09 Javascript
使用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图片加中文水印实现代码分享
2012/10/31 PHP
php实现将wav文件转换成图像文件并在页面中显示的方法
2015/04/21 PHP
php删除数组中重复元素的方法
2015/12/22 PHP
自动刷新网页,自动刷新当前页面,JS调用
2013/06/24 Javascript
JavaScript使用HTML5的window.postMessage实现跨域通信例子
2014/04/11 Javascript
javascript实现禁止复制网页内容
2014/12/16 Javascript
JQuery中$.each 和$(selector).each()的区别详解
2015/03/13 Javascript
jQuery实现仿路边灯箱广告图片轮播效果
2015/04/15 Javascript
jquery实现二级导航下拉菜单效果
2015/12/18 Javascript
js实现鼠标拖动功能
2017/03/20 Javascript
vue-cli入门之项目结构分析
2017/04/20 Javascript
jQuery.form.js的使用详解
2017/06/14 jQuery
Webpack如何引入bootstrap的方法
2017/06/17 Javascript
jQuery实现可编辑表格并生成json结果(实例代码)
2017/07/19 jQuery
SpringMVC简单整合Angular2的示例
2017/07/31 Javascript
详解vue项目首页加载速度优化
2017/10/18 Javascript
javascript Function函数理解与实战
2017/12/01 Javascript
关于jquery layui弹出层的使用方法
2018/04/21 jQuery
从零开始实现Vue简单的Toast插件
2018/12/03 Javascript
从零开始在NPM上发布一个Vue组件的方法步骤
2018/12/20 Javascript
[46:00]DOTA2上海特级锦标赛主赛事日 - 2 胜者组第一轮#4EG VS Fnatic第一局
2016/03/03 DOTA
python动态进度条的实现代码
2019/07/03 Python
python 字符串常用方法汇总详解
2019/09/16 Python
Django 多对多字段的更新和插入数据实例
2020/03/31 Python
基于python爬取链家二手房信息代码示例
2020/10/21 Python
浅析HTML5中header标签的用法
2016/06/24 HTML / CSS
uniapp+Html5端实现PC端适配
2020/07/15 HTML / CSS
纽约通行卡:The New York Pass(免费游览纽约90多个景点)
2017/07/29 全球购物
可口可乐唇膏:Lip Smackers
2019/08/27 全球购物
正宗的日本零食和糖果订阅盒:Bokksu
2019/11/21 全球购物
欧姆龙医疗保健与医疗产品:Omron Healthcare
2020/02/10 全球购物
大学四年个人自我小结
2014/03/05 职场文书
公司授权委托书
2014/04/04 职场文书
军训决心书范文
2015/09/22 职场文书
MySQL索引知识的一些小妙招总结
2021/05/10 MySQL
Python必备技巧之函数的使用详解
2022/04/04 Python