jquery使用正则表达式验证email地址的方法
更新时间：2015年01月22日 09:16:09 投稿：shichen2014
这篇文章主要介绍了jquery使用正则表达式验证email地址的方法,以实例形式分析了正则表达式的使用技巧,需要的朋友可以参考下
本文实例讲述了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>
<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>
PS：这里再为大家提供2款非常方便的正则表达式工具供大家参考使用：
JavaScript正则表达式在线测试工具：
http://tools.jb51.net/regex/javascript
正则表达式在线生成工具：
http://tools.jb51.net/regex/create_reg
希望本文所述对大家的jQuery程序设计有所帮助。
您可能感兴趣的文章:
- jQuery基于正则表达式的表单验证功能示例
- 详解jquery validate实现表单验证 （正则表达式）
- jquery正则表达式验证（手机号、身份证号、中文名称）
- Jquery Validate 正则表达式实用验证代码大全
- jQuery如何用正则表达式验证手机号、身份证号、中文名称
- jQuery验证手机号邮箱身份证的正则表达式（含港澳台）
- jquery中邮箱地址 URL网站地址正则验证实例代码
- 利用jquery正则表达式在页面验证url网址输入是否正确
- jQuery正则验证注册页面经典实例
- jQuery使用正则验证15/18身份证的方法示例
- jQuery实现验证表单密码一致性及正则表达式验证邮箱、手机号的方法
相关文章
passwordStrength 基于jquery的密码强度检测代码使用介绍
我们设定密码强度等级为10，制作一张图片表示每个等级状态，给密码框绑定keyup事件，通过keyup事件获取密码值，然后使用正则进行判断密码强度等级，然后变换相应的图片2011-10-10
这篇文章主要介绍了jQuery中:enabled选择器用法,实例分析了:enabled选择器的功能、定义及选取所有可用元素的使用技巧,需要的朋友可以参考下2015-01-01
这篇文章主要介绍了jQuery1.9+中删除了live以后的替代方法 的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-06-06
JQuery的ajax函数的返回类型只有xml、text、json、html等类型，没有“流”类型，所以我们要实现ajax下载，不能够使用相应的ajax函数进行文件下载。但可以用js生成一个form，用这个form提交参数，并返回“流”类型的数据。在实现过程中，页面也没有进行刷新2013-05-05
本篇文章主要是对jQuery中delegate和on的用法与区别进行了详细的介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-01-01
jquery scrollTop方法根据滚动像素显示隐藏顶部导航条
使用jquery的scrollTop方法监视页面垂直滚动像素，并根据像素隐藏或者显示顶部的导航条，具体实现代码如下，感兴趣的朋友可以参考下哈2013-05-05
jquery捕捉回车键及获取checkbox值与异步请求的方法
这篇文章主要介绍了jquery捕捉回车键及获取checkbox值与异步请求的方法,实例分析了jQuery针对回车键的捕捉,checkbox值的获取以及异步请求的响应等相关技巧,需要的朋友可以参考下2015-12-12
下面小编就为大家分享一篇解决easyui日期时间框ie的兼容的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-03-03
用js实现的模拟jquery的animate自定义动画(2.5K)
模仿jquery的animate写了一个简单的动画实现方法。2010-07-07
下面小编就为大家带来一篇浅谈jQuery 中的事件冒泡和阻止默认行为。小编举得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-05-05
最新评论