<!doctype html> <html> <head> <meta charset="utf-8"> <title>邮箱验证</title> <script type = "text/javascript" src = "mail.js"></script> </head> <body> <form action = "" method="post"> <tr> <th>邮箱地址<input type="email" id = "email" value = "" onBlur="em()"></th> </tr> <br> <br> <tr> <th>密码<input type="password" id = "psw" onBlur="ps()"></th> </tr> <br> <br> <tr> <!--失去焦点事件onblur--> <th>确认密码<input type="password" id = "psw_1" onBlur="ps_1()"></th> </tr> <br> <br> <tr> <th>手机号<input type= "number" id = "ph_num" onBlur="ph_m()"></th> </tr> </form> </body> </html>
// JavaScript Document //email.setAttribute("onBlur",em()); function em(){ var reg = /^[0-9|A-z|]{6,18}[@][0-9|A-z]{1,3}.(com)$/;//正则表达式，判断邮箱，邮箱密码为6-18位 var email = document.getElementById("email"); console.log("zhs" + email.value); var email_value = email.value; if(email_value == ""){ alert("请输入邮箱"); }else if(reg.test(email_value)){ console.log("格式正确"); }else{ console.log("输入的格式不正确"); } } var ps_w_value; function ps(){ var reg =/^[a-zA-Z]{1}([a-zA-Z0-9]|[._]){4,19}$/;//只能输入5-20个以字母开头、可带数字、“_”、“.”的字串 var ps_w = document.getElementById("psw"); ps_w_value = ps_w.value; console.log(ps_w_value); if(ps_w_value == ""){ alert("请输入密码"); }else if(reg.test(ps_w_value)){ console.log("格式正确"); }else{ console.log("输入的格式不正确"); } } function ps_1(){ var ps_w_1 = document.getElementById("psw_1"); var ps_w_1_value = ps_w_1.value; if(ps_w_1_value == ""){ alert(("请确认密码"); }else if(ps_w_1_value == ps_w_value){ console.log("两次密码一致"); }else{ alert("两次输入的密码不一致"); } } function ph_m(){ var reg = /^1[3|4|5|8][0-9]d{8}$/;//正则表达式判断手机号 var ph_num = document.getElementById("ph_num"); var ph_num_value = ph_num.value; if(ph_num_value == ""){ alert("手机号不能为空"); }else if(reg.test(ph_num_value)){//正则表达式判断手机号 console.log("手机号正确"); }else{ console.log("手机号错误"); } }