身份证解析--javascript dreamweaver cs4

给你写了一个，调试下来没有问题了。以下是css、html、js三部分
<style type="text/css">
.warning {
display:none;
color:red;
}
#ans {
padding-top:10px;
font-size:18px;
}
</style>

<div>
<div>用户名:<input type="text" id="username" name="username" maxlength="14"/><span class="warning" id="username-warning"></span></div>
<div>身份证号码:<input type="text" id="idcard-number" name="idcard-number" maxlength="18"/><span class="warning" id="idcard-number-warning"></span></div>
<div><span class="warning" id="ans"></span></div>
</div>

<script type="text/javascript">
(function(){
var $ = function(s){return document.getElementById(s);},
show = function(o,s) { //显示提示
o.innerHTML = s;
o.style.display = 'inline';
},
hide = function(o) { //隐藏提示
o.style.display = 'none';
},
isNum = function(a) { //检测是否为数字
for(var i=0;i<a.length;i++) {
var b = a.charAt(i).charCodeAt();
if(b<48 || b>57) return false;
}
return true;
},
inArray = function(a,b){ //检测是否a是否在数组b中
for(var i=0;i<b.length;i++)
if(a == b[i]) return true;
return false;
},
isDate = function(b) { //检测日期是否合法
var y = parseInt(b.substr(0, 4), 10), m = parseInt(b.substr(4, 2), 10), d = parseInt(b.substr(6, 2), 10);
if(y>(new Date()).getFullYear()) return false;
if(m<1 || m>12) return false;
if(d<1) return false;
if(inArray(m,[1,3,5,7,8,10,12]) && d<=31) return true;
if(inArray(m,[4,6,9,11]) && d<=30) return true;
if((!y%400 || (!y%4 && !y%100))?d<=29:d<=28) return true;
return false;
},
username = $('username'),
idcardNumber = $('idcard-number'),
usernameWarning = $('username-warning'),
idcardNumberWarning = $('idcard-number-warning'),
ans = $('ans'),
errorList = { //错误提示信息列表
'username': {
'notNull': '必须输入用户名'
},
'idcardNumber': {
'length': '身份证号码长度必须是18位',
'type': '身份证号码格式不对',
'endType': '身份证号码末位格式不对',
'date': '日期有误'
}
};

if(confirm('身份证解析')) username.focus(); //如果点击确定则用户名输入框出现光标

username.onblur = function() { //当光标离开用户名输入框
var n= username.value.length;
if(n<1) { //如果为空
show(usernameWarning, errorList.username.notNull);
username.focus();
} else {
hide(usernameWarning);
idcardNumber.focus();
}
};
username.onkeydown = function(e) {
if(e.keyCode == 13) username.blur(); //在用户名输入框中按下回车键时执行
};

idcardNumber.onblur = function() { //当光标离开身份证号码输入框
var n= idcardNumber.value.toLowerCase(), errorType;
if(n.length != 18) { //长度不是18
errorType = 'length';
} else if(!isNum(n.substr(0, n.length-1))) { //除了最后一位之外，包含有数字之外的字符
errorType = 'type';
} else if(!isNum(n.substr(-1)) && n.substr(-1)!='x') { //最后一位出现了"X"和"数字"之外的字符
errorType = 'endType';
} else if(!isDate(n.substr(6, 8))) { //日期非法
errorType = 'date';
} else {
hide(idcardNumberWarning);
var t = ['验证通过!'];
t.push(n.substr(6, 4)+'年'+n.substr(10, 2)+'月'+n.substr(12, 2)+'日');
t.push(n.substr(14,3)%2?'男':'女');
show(ans, t.join(' | '));
return ;
}
hide(ans);
show(idcardNumberWarning, errorList['idcardNumber'][errorType]);
idcardNumber.focus();
};
})();
</script>

追问

哥们你太牛X了，能给发个dreamweaver的 html文件不？（lc457351637@126.com）

追答

已发

追问

大哥，那个。。。我给你回了封邮件，你能麻烦看一下么，谢谢~~麻烦了~~

追答

已回

您可能感兴趣问答

Collapsible

热门标签

热点问答