jQuery中使用正则表达式验证电子邮件
本文由发表于7年前 | Javascript | 评论数 2 |  被围观 28,817 views+

当提交表单时,我们一般需要先验证表单里面的数据格式是否正确,验证成功才提交到后台,防止给后台带来过重的负担,一般使用正则表达式匹配验证,jQuery中也不例外。

一个验证电子邮件的正则表达式:

var patten = new RegExp(/^[\w-]+(\.[\w-]+)*@([\w-]+\.)+[a-zA-Z]+$/);
下面就使用这个正则表达式对输入的电子邮件使用jQuery进行验证:
JS代码:
<script type="text/javascript">
	$(document).ready(function() {
		$('.error').hide();
		$('.submit').click(function(event){
			var email=$('.email').val();
			if(valid_email(email)) {
				$('.error').hide();
			} else {
				$('.error').show();
				event.preventDefault();
			}
		});
	});

	function valid_email(email) {
		var patten = new RegExp(/^[\w-]+(\.[\w-]+)*@([\w-]+\.)+[a-zA-Z]+$/);
		return patten.test(email);
	}

</script>
html代码:
<form id="register" method="post" action="">
	<div>
		<span>输入电子邮件:</span>
		<input type="text" class="email" name="email" />
		<span class="error">非法的电子邮件地址!</span>
		<input type="submit" value="提交" class="submit" />
	</div>
</form>
除了文章中有特别说明,均为IT宅原创文章,转载请以链接形式注明出处。
本文链接:http://www.itzhai.com/jquery-validation-using-regular-expressions-in-the-e-mail.html
arthinking Java技术交流群:280755654,入门群:428693174 more
分享到:
 
2011 5/11
文章评论
    2条评论
  1. Xrong 2013年03月29日16:04:27  #-49楼 回复 回复

    楼主这代码,其实基本都是JS…

  2. 是多少 2014年08月20日17:46:22  #-48楼 回复 回复

    首都师大

给我留言

有人回复时邮件通知我
Javascript的相关文章
随机文章 本月热门 热评
1 How to Check if the Checkbox is Selected in jQuery 2011/5/11
2 ExtJS使用ColumnModel创建表格和使用ArrayReader解析数组 2011/5/9
3 Java Web笔记 – Cookie的使用 2011/11/12
4 JSF笔记 – 托管Bean的详细介绍 2011/12/2
5 拖延心理学中的思考 2014/9/15
6 Strut2中Filter过滤器的编写和注册 2011/9/16
友情推荐 更多
破博客 文官洗碗安天下,武将打怪定乾坤。多么美好的年代,思之令人泪落。
Mr.5's Life 白天是一名程序员,晚上就是个有抱负的探索者
行知-追寻技术之美 关注大数据,分布式系统
我爱编程 编程成长轨迹
Cynthia's Blog 学习笔记 知识总结 思考感悟
 
猜您喜欢
欢迎关注我的公众号 IT宅
关于IT宅 文章归档

IT宅中的文章除了标题注明转载或有特别说明的文章,均为IT宅的技术知识总结,学习笔记或随笔。如果喜欢,请使用文章下面提供的分享组件。转载请注明出处并加入文章的原链接。 感谢大家的支持。

联系我们:admin@itzhai.com

Theme by arthinking. Copyright © 2011-2015 IT宅.com 保留所有权利.