< 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>