正则表达式验证邮箱注册 

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

 

posted @ 2018-01-28 22:40  杨不凡  阅读(861)  评论(0)    收藏  举报