有没有大神帮我看看这个html代码有什么问题，为啥js函数不执行！！！onblur函数，谢谢啦！
<!DOCTYPEhtml><html><head><metacharset="utf-8"><title></title><scripttype="text/javas...
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript">
function $(id){
return document.getElementById(id);
}
function checkcardno(){
var cno=myform.cardno.value;
$("err_cardno").value="";
if(cno==""||cno==null){
$("err_cardno").value="卡号不能为空！";
}else if(cno.length!=10){
$("err_cardno").value="卡号长度必须为10！";
}else{
var firstnum=cno.charAt(0);
if(firstnum=="0"){
$("err_cardno").value="卡号首字母不能为0！";
}else if(parseInt(cno).toString().length!=10){
$("err_cardno").value="卡号不全为数字！";
alert("卡号不全为数字！");
}
}
}
function checkkey(){
var key1=myform.key.value;
$("err_key").value="";
if(key1==""||key1==null){
$("err_key").valu="口令不能为空！";
}else{
if(key1.length<8||key1.length>15){
$("err_key").value="口令长度不能小于8或大于15！";
}
}
}
function checkkey2(){
var key21=myform.key2.value;
var key11=myform.key.value;
$("err_key2").value="";
if(key21==""||key21==null){
$("err_key2").value="口令不能为空！";
}else if(key21.length<8||key21.length>15){
$("err_key2").value="口令长度不能小于8或大于15！";
}else if(key21!=key11){
$("err_key2").value="两次口令不相同！";
}
}
function checkqqwx(){
var qqwx1=myform.qqwx.value;
$("err_qqwx").value="";
if(qqwx1==""||qqwx1==null){
$("err_qqwx").value="QQ/微信不能为空！";
}
}
</script>
</head>
<body>
<div>
<h3 align="center">校园办公系统认证页面</h3>
<form name="myform">
<table align="center">
<tr>
<td rowspan="5">
<img src="sfyz_2.jpg" >
</td>
<td class="td1">校园卡号</td>
<td class="td2">
<input type="text" name="cardno" onblur="checkcardno()"/>
</td>
<td>
<label id="err_cardno"></label>
</td>
</tr>
<tr>
<td class="td1">口令</td>
<td class="td2">
<input type="password" name="key" onblur="checkkey()"/>
</td>
<td>
<label id="err_key"></label>
</td>
</tr>
<tr>
<td class="td1">二次口令</td>
<td class="td2">
<input type="password" name="key2" onblur="checkkey2()"/>
</td>
<td>
<label id="err_key2"></label>
</td>
</tr>
<tr>
<td class="td1">QQ/微信</td>
<td class="td2">
<input type="text" name="qqwx" onblur="checkqqwx()"/>
</td>
<td>
<label id="err_qqwx"></label>
</td>
</tr>
<tr>
<td colspan="3">
<input type="submit" id="tj" value="提交" />
<input type="reset" id="cz" value="重置" />
</td>
</tr>
</table>
</form>
</div>
</body>
</html> 展开
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript">
function $(id){
return document.getElementById(id);
}
function checkcardno(){
var cno=myform.cardno.value;
$("err_cardno").value="";
if(cno==""||cno==null){
$("err_cardno").value="卡号不能为空！";
}else if(cno.length!=10){
$("err_cardno").value="卡号长度必须为10！";
}else{
var firstnum=cno.charAt(0);
if(firstnum=="0"){
$("err_cardno").value="卡号首字母不能为0！";
}else if(parseInt(cno).toString().length!=10){
$("err_cardno").value="卡号不全为数字！";
alert("卡号不全为数字！");
}
}
}
function checkkey(){
var key1=myform.key.value;
$("err_key").value="";
if(key1==""||key1==null){
$("err_key").valu="口令不能为空！";
}else{
if(key1.length<8||key1.length>15){
$("err_key").value="口令长度不能小于8或大于15！";
}
}
}
function checkkey2(){
var key21=myform.key2.value;
var key11=myform.key.value;
$("err_key2").value="";
if(key21==""||key21==null){
$("err_key2").value="口令不能为空！";
}else if(key21.length<8||key21.length>15){
$("err_key2").value="口令长度不能小于8或大于15！";
}else if(key21!=key11){
$("err_key2").value="两次口令不相同！";
}
}
function checkqqwx(){
var qqwx1=myform.qqwx.value;
$("err_qqwx").value="";
if(qqwx1==""||qqwx1==null){
$("err_qqwx").value="QQ/微信不能为空！";
}
}
</script>
</head>
<body>
<div>
<h3 align="center">校园办公系统认证页面</h3>
<form name="myform">
<table align="center">
<tr>
<td rowspan="5">
<img src="sfyz_2.jpg" >
</td>
<td class="td1">校园卡号</td>
<td class="td2">
<input type="text" name="cardno" onblur="checkcardno()"/>
</td>
<td>
<label id="err_cardno"></label>
</td>
</tr>
<tr>
<td class="td1">口令</td>
<td class="td2">
<input type="password" name="key" onblur="checkkey()"/>
</td>
<td>
<label id="err_key"></label>
</td>
</tr>
<tr>
<td class="td1">二次口令</td>
<td class="td2">
<input type="password" name="key2" onblur="checkkey2()"/>
</td>
<td>
<label id="err_key2"></label>
</td>
</tr>
<tr>
<td class="td1">QQ/微信</td>
<td class="td2">
<input type="text" name="qqwx" onblur="checkqqwx()"/>
</td>
<td>
<label id="err_qqwx"></label>
</td>
</tr>
<tr>
<td colspan="3">
<input type="submit" id="tj" value="提交" />
<input type="reset" id="cz" value="重置" />
</td>
</tr>
</table>
</form>
</div>
</body>
</html> 展开
3个回答
展开全部
给label标签设置value属性没有用
把value改成innerHTML
例如
function checkkey(){
var key1=myform.key.value;
$("err_key").value="";
if(key1==""||key1==null){
$("err_key").value="口令不能为空！";
}else{
if(key1.length<8||key1.length>15){
$("err_key").value="口令长度不能小于8或大于15！";
}
}
}改成
function checkkey(){
var key1=myform.key.value;
$("err_key").innerHTML="";
if(key1==""||key1==null){
$("err_key").innerHTML="口令不能为空！";
}else{
if(key1.length<8||key1.length>15){
$("err_key").innerHTML="口令长度不能小于8或大于15！";
}
}
}这样就可以了
追问
十分感谢！我改了可以允许了！
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
应考虑文档的执行顺序，，把你的js代码，全部放在html内容的后面，不然你的获取元素都没法找到对应的标签获取。
追问
十分感谢！！！
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
我建议你把这个js代码放在html的后面，你可以用alert("123"),逐层测试一下，看到哪个地方执行不下去了，一步步排查，身边没电脑，此时不方便测试，再一个你的代码看上去有点乱。
追问
十分感谢！我会注意的
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
