<!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>
程序运行结果:
当输入正确的邮箱格式时:
当输入的格式错误时:
