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 相关文章推荐
JS BASE64编码 window.atob(), window.btoa()
Mar 09 Javascript
基于js disabled=&quot;false&quot;不起作用的解决办法
Jun 26 Javascript
PHP结合jQuery实现的评论顶、踩功能
Jul 22 Javascript
React实现点击删除列表中对应项
Jan 10 Javascript
JS图片压缩(pc端和移动端都适用)
Jan 12 Javascript
基于require.js的使用(实例讲解)
Sep 07 Javascript
微信小程序 上传头像的实例详解
Oct 27 Javascript
vue结合Echarts实现点击高亮效果的示例
Mar 17 Javascript
动态内存分配导致影响Javascript性能的问题
Dec 18 Javascript
使用Vant完成Dialog弹框案例
Nov 11 Javascript
关于JavaScript中异步/等待的用法与理解
Nov 18 Javascript
gojs实现蚂蚁线动画效果
Feb 18 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 array_intersect()函数使用代码
2009/01/14 PHP
建站常用13种PHP开源CMS比较
2009/08/23 PHP
PHP+jQuery实现自动补全功能源码
2013/05/15 PHP
PHP 生成微信红包代码简单
2016/03/25 PHP
PHP在弹框中获取foreach中遍历的id值并传递给地址栏
2017/06/13 PHP
鼠标右击事件代码(asp.net后台)
2011/01/27 Javascript
THREE.JS入门教程(4)创建粒子系统
2013/01/24 Javascript
node.js中的fs.fstat方法使用说明
2014/12/15 Javascript
jQuery制作简洁的多级联动Select下拉框
2014/12/23 Javascript
基于JQuery实现仿网易邮箱全屏动感滚动插件fullPage
2015/09/20 Javascript
indexedDB bootstrap angularjs之 MVC DOMO (应用示例)
2016/06/20 Javascript
微信js-sdk上传与下载图片接口用法示例
2016/10/12 Javascript
JS封装的三级联动菜单(使用时只需要一行js代码)
2016/10/24 Javascript
node 使用 async 控制并发的方法
2018/05/07 Javascript
vue脚手架搭建项目的兼容性配置详解
2018/07/17 Javascript
Angular8基础应用之表单及其验证
2019/08/11 Javascript
Angular 多模块项目构建过程
2020/02/13 Javascript
JavaScript 类的封装操作示例详解
2020/05/16 Javascript
Javascript基于OOP实实现探测器功能代码实例
2020/08/26 Javascript
python实现问号表达式(?)的方法
2013/11/27 Python
python 实现将txt文件多行合并为一行并将中间的空格去掉方法
2018/12/20 Python
python 列表中[ ]中冒号‘:’的作用
2019/04/30 Python
python 使用pdfminer3k 读取PDF文档的例子
2019/08/27 Python
使用 Python 合并多个格式一致的 Excel 文件(推荐)
2019/12/09 Python
PyTorch 随机数生成占用 CPU 过高的解决方法
2020/01/13 Python
Python判断三段线能否构成三角形的代码
2020/04/12 Python
DBA的职责都有哪些
2012/05/16 面试题
天鹅的故事教学反思
2014/02/04 职场文书
美国探亲签证邀请信
2014/02/05 职场文书
暑期教师培训方案
2014/06/07 职场文书
迟到检讨书2000字(精选篇)
2014/10/07 职场文书
2014大学班主任工作总结
2014/11/08 职场文书
大班上学期个人总结
2015/02/13 职场文书
2015年社区平安建设工作总结
2015/05/13 职场文书
《正面管教》读后有感:和善而坚定的旅程
2019/12/19 职场文书
如何理解及使用Python闭包
2021/06/01 Python