4-8编程题邮箱验证问题

经测试-在前面或者是后面都是可以完成验证的呢，也就是[-._】和[._-]，（.和_的位置任意），但是当-在中间时，可能会被当成连接符，可以使用\来转义一下：

自己可以再测试一下。

var formbox = document.getElementById('formbox');

var pwd1 = "";

var forms ={

getElementsByClassName:function (str){

var searchClass = str.searchClass;//存储要查找的类名

var node = str.node|| document;//存储要查找的范围

var tag = str.tag||'*';//存储一定范围内要查找的标签

var result = [];

// 判断浏览器不支持getElementsByClassName方法

if(document.getElementsByClassName){ //如果浏览器支持

var nodes = node.getElementsByClassName(searchClass)

if(tag !=='*'){

for(var i=0;node=nodes[i++];){

if(node.tagName === tag.toUpperCase()){

result.push(node);

}

}

}else{

result = nodes;

}

return result;

}else{ //使IE8以下的浏览器能够支持该属性

var els = node.getElementsByTagName(tag);

var elsLen = els.length;

var i,j;

var pattern = new RegExp("(^|\\s)" + searchClass + "(\\s|$)");

for(i = 0,j=0;i<elsLen;i++){

if(pattern.test(els[i].className)){  //检测正则表达式

result[j] = els[i];

j++;

}

}

return result;

} 

}

}

// 获取inputs类

var inputs = forms.getElementsByClassName({

searchClass:'inputs',

node:document

})

// 获取textboxGroup类

var textboxGroup = forms.getElementsByClassName({

searchClass:'textbox-group',

node:document

})

// 获取tips类

var tips = forms.getElementsByClassName({

searchClass:'tips',

node:document

})

// 获取rights类

var rights = forms.getElementsByClassName({

searchClass:'rights',

node:document

})

// 获取点击按钮

var btns = forms.getElementsByClassName({

searchClass:'btn',

node:document

})

// 正则条件

var regular = {

// 6-20位字母、数字或“_”,字母开头

'users':/^[a-zA-Z]{1}[\w+]{2,19}$/,

// 密码6-18位，包括数字字母或符号，中间不能有空格

'pwd':/^[\S]{6,18}$/,

// 是真是姓名，两位到四位的中文汉字

'chineseNames':/^[\u4e00-\u9fa5]{2,4}$/,

// 验证身份证号 15位或者18位的数字，18位时最后一位可能是x

'idCard':/^[1-9]{1}[\d]{14}$|^[1-9]{1}[\d]{16}([0-9]|[xX])$/,

// 验证邮箱、12323@qq.com、lulu_s@open.com、lu_lu_z@qq.com.cn等

'email':/^[a-z1-9]+(?:[._-][a-z0-9]+)*@([a-z0-9])+(?:[._-][a-z0-9]+)*\.[a-z]{2,4}$/i,

// 验证手机号码

'telphone':/^1(3|4|5|7|8)\d{9}$/

}

// 错误提示信息

var errorInfo =[

'6-20位字母、数字或“_”,字母开头',

'请输入密码，不能除了空格之外',

'两次输入密码不一致',

'两位到四位的中文汉字',

'要求15位或者18位的数字',

'请输入正确的邮箱',

'手机号码应为11位数字，以13/14/15/17/18开头'

]

// 兼容事件

var EventUtil = {

addEvent:function(ele,type,handler){

if(ele.addEventListener){

ele.addEventListener(type,handler,false);

}else if(ele.attachEvent){

ele.attachEvent('on' + type,handler);

}

}

}

// 循环input数组

function each(array,fn){

for(var i=0;i<array.length;i++){

fn(i,array[i]);

}

}

// 遍历失去焦点事件

each(inputs,function(index,ele){

EventUtil.addEvent(ele,'blur',function(){

work.disInformation(ele,index);

});

})

// 核心计算

var work ={

disInformation:function (ele,index){

if(work.tureFlase(ele,index)){

tips[index].innerHTML = 'OK';

}else{

ele.value ="";

tips[index].innerHTML = errorInfo[index];

}

},

// 判断正则，返回true或false；

tureFlase:function (ele,index){

switch(index){

case 0:return regular.users.test(ele.value);

break;

case 1:pwd1 = ele.value;work.judgepwd(index,pwd1); return regular.pwd.test(ele.value);

break;

case 2:return ele.value === pwd1 && pwd1!="";

break;

case 3:return regular.chineseNames.test(ele.value);

break;

case 4:return regular.idCard.test(ele.value);

break;

case 5:return regular.email.test(ele.value);

break;

case 6:return regular.telphone.test(ele.value);

break;

}

},

// 当两次密码成功输入时，重新修改登录密码，重新判断；

judgepwd:function (index,pwd1){

index++;

if(inputs[index].value === pwd1){

return;

}else{

tips[index].innerHTML = errorInfo[index];

}

}

}

// 点击按钮校验表单

EventUtil.addEvent(btns[0],'click',function(){

var i = 0,len = inputs.length;

each(inputs,function(index,ele){

if(!ele.value==''){

i++;

if(i == len){

alert('提交成功');

}

}else if(ele.value==''){

tips[index].innerHTML = errorInfo[index];

}

})

})