今天给各位分享javascript文本框验证的知识，其中也会对JavaScript文本框进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！
本文目录一览：
1、js文本框验证2、javascript怎样实现文本框中输入的内容验证?3、js验证如何限制文本框只能输入数字4、JS如何验证文本框输入为空
js文本框验证
下面是一个验证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
javascript怎样实现文本框中输入的内容验证?
1.如果这个东西一直是文本框，你去掉边框就可以了
2.以div放置span和input显示相同的内容，平时显示span，隐藏input，单击span时显示input隐藏span，input
失去焦点时隐藏input，并把input的value填写到span，并显示span
js验证如何限制文本框只能输入数字
js进行数据校验使用正则表达式会简单很多，如下所示：
1.js验证只能输入数字:
具体代码如下：
function check_validate1(value){
var reg = /^/d+$/; // 定义正则表达式
if( value.constructor === String ){ // 判断传入的是否是字符串
var re = value.match( reg ); // 规则校验
return true;
}
return false;
}
2.js验证只能输入字母.数字和下划线:
具体代码如下：
function check_validate2(value){
var reg = /^/w+$/;
if( value.constructor === String ){ // 判断传入的是否是字符串
var re = value.match( reg );
return true;
}
return false;
}
3.js验证固定电话：只能是数字.并且有相应的格式,如（xxx-xxxxxxx 或者 xxxx-xxxxxxx）：
具体代码如下：
function check_validate(value){
var reg = /^(/d{3,4})-(/d{7,8})/;
if( value.constructor === String ){ // 判断传入的是否是字符串
var re = value.match( reg );
return true;
}
return false;
}
JS如何验证文本框输入为空
首先每个页面元素都是一个节点，可以去选中它，利用纯真的js就是
var
a
=
document.getElementByID（xxx）去取的页面的元素节点。
建议你先去看一下js的DOM，去了解下页面节点的定义。还有一个方法是利用jquery去取得页面元素的节点，直接去判断元素的值是否为空。看了之后就觉得简单了。
关于javascript文本框验证和JavaScript文本框的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。
微信扫一扫 
支付宝扫一扫 
