使用正则表达式进行简单的邮箱验证操作

最新推荐文章于 2024-01-23 21:24:00 发布

青之羽

最新推荐文章于 2024-01-23 21:24:00 发布

阅读量2.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： java web

本文链接：https://blog.youkuaiyun.com/qq_34970891/article/details/70157512

java web 专栏收录该内容

28 篇文章

订阅专栏

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>使用正则表达式进行一个email的提交操作</title>
<script type="text/javascript">
	function validate(f)
	{
		var value=f.email.value;
		if(!(/^\w+@\w+.\w+$/.test(value)))
/*
/^--->^ 相当于对字符'^'进行转义操作，使其代表特殊的含义：成为行的开头的标志
\w--->  该字符整体表示的是所输入的内容为字母，数字，下划线等
@---->  代表要在所输入的内容后面所加的字符(无特殊含义)
\w--->  同上要进行字母，数字，下划线的输入
$---->  代表当前行当中的字符输入完毕
/.--->  代表调用test函数，将函数当中的参数value与所规定的正则表达式进行对照比较看是否符合正则表达式的规范
   上述正则表达式的意思为:数字/字母/下划线+@+数字/字母/下划线+.+数字/字母/下划线
 */
		{
				alert("eamil的输入格式不正确!");
				f.email.focus();//使得form表单当中的焦点指针重新定位到email框当中去
				f.email.select();//选中email框当中的全部内容
				return false;
			}
		else
			{
				alert("邮箱登录成功!!!");
				document.write("欢迎你进入指定的邮箱界面!!!");
			}
	}
</script>
</head>
<body>
<!--在表单当中添加一个提交按钮的事件，当进行表单的提交时，将会触发相应的事件，使得该事件进行validate(this)
函数的调用操作，其中函数的参数this代表的是当前的表单对象-->
	<form action="" method="post" name="myform" onSubmit="return validate(this)">
		emali: <input type="text" name="email">  <!--建立一个名字为email的文本组件对象-->
		<input type="submit" value="提交">
	</form>
</body>
</html>

程序运行结果:

当输入正确的邮箱格式时: