卑鄙的泡面

5.25-5.29关于验证输入框内信息

首先是用表格作为整体框架,在每一行的第三格作为提示字幕显示,
开始是验证长度,都不得小于6位,成立后验证其内容,这里主要验证的是字母和数字,没有字符的验证。
其中验证纯字母或数字是通过检测输入框内字符串的第一位、中间若干位、最后一位是否为纯字母或数字进行返还布尔值。
邮箱则是验证特殊字段的内容,这里只有qq、sina、163以.com\.cn为后缀的格式进行验证。
window.onload = function(){

isNumOrChar("123123f")
var inputs = document.getElementsByName("text")
for(var i=0;i<inputs.length;i++){
inputs[i].onblur = function(){
var input = document.getElementById("tijiao")
var text = this.value.trim()
var tr = this.parentNode.parentNode;
var text1 = tr.cells[0].textContent;
var text2 = text1.substring(0,text1.length-1)
if(text.length==0&&(text2=="用户名"||text2=="密码")){
tr.cells[2].innerHTML = text2+"不能为空";
if(text2=="密码"){
str[1] = 0;
}else{
str[0] = 0;
}
}
else if(text.length<6&&(text2=="用户名"||text2=="密码"))
{
tr.cells[2].innerHTML = text2+"长度不能小于6";
if(text2=="密码"){
str[1] = 0;
}else{
str[0] = 0;
}
}
else if(isNumOrChar(text)&&(text2=="用户名"||text2=="密码")){
tr.cells[2].innerHTML = text2+"不能纯数字或者纯字母";
if(text2=="密码"){
str[1] = 0;
}else{
str[0] = 0;
}
}
else if(text2=="邮箱"&&text.length==0){
tr.cells[2].innerHTML = text2+"不能为空";
str[2] = 0;
}
else if(text2=="邮箱"&&isNotEmail(text))
{
tr.cells[2].innerHTML = text2+"格式不正确";
str[2] = 0;
}
else if(text2=="手机"&&text.length==0)
{
tr.cells[2].innerHTML = text2+"不能为空";
str[3] = 0;
}else if(text2=="手机"&&isNotPhone(text))
{
tr.cells[2].innerHTML = text2+"格式不正确";
str[3] = 0;
}
else{
tr.cells[2].innerHTML = "";
switch (text2){
case "手机":
str[3] = 1;
break;
case "邮箱":
str[2] = 1;
break;
case "用户名":
str[0] = 1;
break;
case "密码":
str[1] = 1;
break;
}
}

if(str.toString()=="1,1,1,1"){
input.disabled = false;
}else{
input.disabled = true;
}
}
}
}

function isNumOrChar(str){

var reg = /^\d\d{4,}\d$/g
var reg1 = /^[a-z][a-z]{4,}[a-z]$/g

return (reg.test(str)||reg1.test(str))
}

function isNotEmail(str){
var reg = /^\w\w{5,12}@(qq|sina|163)(\.com|\.cn)/g
return !reg.test(str);
}

function isNotPhone(str){
var reg = /^1[35789]\d{8}\d$/
return !reg.test(str)
}

posted on 2015-05-31 20:53  卑鄙的泡面  阅读(142)  评论(0编辑  收藏  举报

导航