jQuery中使用正则表达式验证电子邮件

2019独角兽企业重金招聘Python工程师标准>>>

当提交表单时，我们一般需要先验证表单里面的数据格式是否正确，验证成功才提交到后台，防止给后台带来过重的负担，一般使用正则表达式匹配验证，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>

转载于:https://my.oschina.net/songxinqiang/blog/186512