<!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("手机号错误");
}
}
