实现步骤:
1,新建HTML页面,在页面中添加文本框输入电子邮件
2,在页面中添加检测按钮电子邮件格式是否正确
3,为按钮绑定点击事件,添加事件处理程序。
4,在事件处理程序中验证电子邮件格式。
5,直到验证通过。
<!DOCTYPE html><html xmlns="/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><title>验证用户输入的电子邮件格式是否正确</title><script type="text/javascript">function YanZhen(){//获取文本元素的值var email = document.getElementById("email");//邮件格式reg = /^([a-zA-Z0-9]+[_|\-|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\-|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/gi;//非空验证if (email.value == "") {alert("请输入电子邮件");return false;}//格式验证else if (!reg.test(email.value)) {alert("邮件格式不正确,请重新输入!");return false;}else {alert("恭喜您" + email.value + "邮箱可使用!");}}</script></head><body>电子邮件:<input type="text" id="email" /><input type="button" value="验证" οnclick="YanZhen()" /></body></html>