无法获取未定义或 null 引用的属性“btnSubmit” 【过来看看如何解决】
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.<html xmlns="http://www.
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script language="javascript" type="text/javascript">
<!--
function doSubmit(){
var sUserInfo="用户名:"+document.form1.yhm.value+"\n";sUserInfo+="性别:"+(document.getElementById("radio").checked?"男":"女")+"\n";
sUserInfo="爱好:"+document.form1.checkbox.value;
sUserInfo="自我介绍"+document.form1.textarea.value;
alert(sUserInfo);
}
function checkData(){
for(var i=0;i<document.form1.elements.length;i++){
if(document.form1.elements[i].value==""){
document.form1.elements[i].focus();
alert("请输入信息,不能为空!");
return false;
}
}
}
document.form1.btnSubmit.disabled=true;
document.form1.submit();
//-->
</script>
</head>
<body onload="document.form1.yhm.focus();">
<form action="javascript:doSubmit();" method="post" name="form1" id="form1">
<p >填写用户信息</p>
<p>用户名:
<input name="yhm" type="text" id="yhm" />
</p>
性别:
<input type="radio" name="radio" id="radio" value="radio" />
<label for="radio"></label>
男
<input type="radio" name="radio" id="radio2" value="radio2" />
<label for="radio2"></label>
女
<p>爱好:
<input type="checkbox" name="checkbox" id="checkbox" />
<label for="checkbox"></label>
读书
<input type="checkbox" name="checkbox2" id="checkbox2" />
<label for="checkbox2"></label>
听音乐
<input type="checkbox" name="checkbox3" id="checkbox3" />
<label for="checkbox3"></label>
上网
</p>
<p>自我介绍: </p>
<label for="textarea"></label>
<textarea name="textarea" id="textarea" cols="45" rows="5"></textarea>
<input type="button" name="btnSubmit" id="btnSubmit" value="提交" onclick="return checkData()"/>
<input type="reset" name="button2" id="button2" value="重置" />
</form>
</body>
</html>
问题:提交button的id为什么取不到?老出现无法获取未定义或 null 引用的属性“btnSubmit” 。我填好表单,出现不了表单信息。