实现简单地注册判断

< body>
< ul>
< li>请输入账号:< input type=“text”>< span class=“sp”>< /span>< span>*用户名必须以字母开头，必须是字母和数字的组合< /span>< /li>
< li>请输入密码:< input type=“text”>< span class=“sp”>< /span>< span>*必须是字母和数字的组合，5–10< /span>< /li>
< li>请输入手机号:< input type=“text”>< span class=“sp”>< /span>< /li>
< li>请输入邮箱:< input type=“text”>< span class=“sp”>< /span>< /li>

< /ul>

< script>
var oLi = document.getElementsByTagName(“li”);
var sp = document.getElementsByClassName(“sp”);
var In =document.getElementsByTagName(“input”);

In[0].onblur = function () {
    var str = In[0].value;
    var reg = /(?!^[a-zA-z]+$)^[a-zA-Z][a-zA-Z0-9]+$/;
    if(reg.exec(str) != null){
        sp[0].innerHTML = "<span style='color: green'>正确</span>";
    }else{
        sp[0].innerHTML = "<span style='color: red'>错误</span>";
    }
}
In[1].onblur = function () {
    var str = In[1].value;
    var reg = /(?!\d+$)(?![a-zA-z]+$)^[a-zA-Z0-9]{5,10}$/;
    if(reg.exec(str) != null){
        sp[1].innerHTML = "<span style='color: green'>正确</span>";
    }else{
        sp[1].innerHTML = "<span style='color: red'>错误</span>";
    }
}
In[2].onblur = function () {
    var str = In[2].value;
    var reg = /^[1][3,5,8][0-9]{9}$/;
    if(reg.exec(str) != null){
        sp[2].innerHTML = "<span style='color: green'>正确</span>";
    }else{
        sp[2].innerHTML = "<span style='color: red'>错误</span>";
    }
}
In[3].onblur = function () {
    var str = In[3].value;
    var reg = /^([a-zA-Z]|[0-9])(\w|\-)+@[a-zA-Z0-9]+\.([a-zA-Z]{2,4})$/;
    if(reg.exec(str) != null){
        sp[3].innerHTML = "<span style='color: green'>正确</span>";
    }else{
        sp[3].innerHTML = "<span style='color: red'>错误</span>";
    }
}

< /script>
< /body>