<!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>
程序运行结果:
当输入正确的邮箱格式时:
当输入的格式错误时:
转载请注明原文地址: https://ju.6miu.com/read-666618.html
