js正则表达式 验证邮箱登入
#emailError {
color: red;
}
window.onload = function() {
/* 分析:
0.给提交按钮绑定时间
1.先获取 用户输入框的值
2.写正则表达式
3.用正则表达式的test函数 来验证
4.返回结果
改进:
1.绑定获取焦点事件。
*/
document.getElementById("btn").onclick = function() {
var email = document.getElementById("email").value
var emailRegExp = /^([a-zA-Z]|[0-9])(\w|\-)+@[a-zA-Z0-9]+\.([a-zA-Z]{2,4})$/;
var ok = emailRegExp.test(email)
if (ok) {
document.getElementById("emailError").innerText = "邮箱格式合法";
} else {
document.getElementById("emailError").innerText = "邮箱格式不合法";
}
}
//给文本框绑定focus
document.getElementById("email").onfocus=function(){
document.getElementById("emailError").innerText = "";
}
}