js文本框验证

JavaScript018

js文本框验证,第1张

下面是一个验证18位号码的完整HTML代码,你直接复制回去在一个新HTML文档中就可以试验。

当用户录入完后,光标离开文本框便开始验证,也就是onBlur事件,你可以根据你自己不同的需要来改变它

<!doctype html>

<html lang="zh">

<head>

<meta charset="UTF-8">

<title>身份证号码校验</title>

</head>

<body>

<input type="text," onBlur="IdCardValidate(this)">

<script type="text/javascript">

var Wi = [ 7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2, 1 ] // 加权因子   

var ValideCode = [ 1, 0, 10, 9, 8, 7, 6, 5, 4, 3, 2 ] // 身份证验证位值.10代表X   

function IdCardValidate(th) { 

var idCard = th.value

idCard = trim(idCard.replace(/ /g, ""))    //去掉字符串头尾空格  

if (idCard.length == 15) {   

return isValidityBrithBy15IdCard(idCard)    //进行15位身份证的验证

} else if (idCard.length == 18) {   

var a_idCard = idCard.split("") // 得到身份证数组   

if(isValidityBrithBy18IdCard(idCard)&&isTrueValidateCodeBy18IdCard(a_idCard)){   //进行18位身份证的基本验证和第18位的验证

th.style.backgroundColor = "green"   

}else {   

th.style.backgroundColor = "red"   

}   

} else {   

th.style.backgroundColor = "red"  

}   

}   

/**  

 * 判断身份证号码为18位时最后的验证位是否正确  

 * @param a_idCard 身份证号码数组  

 * @return  

 */  

function isTrueValidateCodeBy18IdCard(a_idCard) {   

var sum = 0  // 声明加权求和变量   

if (a_idCard[17].toLowerCase() == 'x') {   

a_idCard[17] = 10 // 将最后位为x的验证码替换为10方便后续操作   

}   

for ( var i = 0 i < 17 i++) {   

sum += Wi[i] * a_idCard[i] // 加权求和   

}   

valCodePosition = sum % 11 // 得到验证码所位置   

if (a_idCard[17] == ValideCode[valCodePosition]) {   

return true   

} else {   

return false   

}   

}   

/**  

  * 验证18位数身份证号码中的生日是否是有效生日  

  * @param idCard 18位书身份证字符串  

  * @return  

  */  

function isValidityBrithBy18IdCard(idCard18){   

var year =  idCard18.substring(6,10)   

var month = idCard18.substring(10,12)   

var day = idCard18.substring(12,14)   

var temp_date = new Date(year,parseFloat(month)-1,parseFloat(day))   

// 这里用getFullYear()获取年份,避免千年虫问题   

if(temp_date.getFullYear()!=parseFloat(year)   

  ||temp_date.getMonth()!=parseFloat(month)-1   

  ||temp_date.getDate()!=parseFloat(day)){   

return false   

}else{   

return true   

}   

}   

  /**  

   * 验证15位数身份证号码中的生日是否是有效生日  

   * @param idCard15 15位书身份证字符串  

   * @return  

   */  

  function isValidityBrithBy15IdCard(idCard15){   

  var year =  idCard15.substring(6,8)   

  var month = idCard15.substring(8,10)   

  var day = idCard15.substring(10,12)   

  var temp_date = new Date(year,parseFloat(month)-1,parseFloat(day))   

  // 对于老身份证中的你年龄则不需考虑千年虫问题而使用getYear()方法   

  if(temp_date.getYear()!=parseFloat(year)   

  ||temp_date.getMonth()!=parseFloat(month)-1   

  ||temp_date.getDate()!=parseFloat(day)){   

return false   

}else{   

return true   

}   

  }   

//去掉字符串头尾空格   

function trim(str) {   

return str.replace(/(^\s*)|(\s*$)/g, "")   

}  

</script>

</body>

</html>

首先每个页面元素都是一个节点,可以去选中它,利用纯真的js就是

var

a

=

document.getElementByID(xxx)去取的页面的元素节点。

建议你先去看一下js的DOM,去了解下页面节点的定义。还有一个方法是利用jquery去取得页面元素的节点,直接去判断元素的值是否为空。看了之后就觉得简单了。