<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Javascript Form Testing</title>
</head>
<body>
Name: <input type="text" name="Name" value="Name" id="fname"> <br>
Email: <input type="text" name="Email" value="Email" id="mail" > <br>
Phone: <input type="text" name="Number" value="Phone Number" id="dvr" onchange="validatePhone();">
<span id="phoneval"> ?</span>
<script type="text/javascript">
phonenum = document.getElementById("dvr").value.length;
function validatePhone() {
if (phonenum == 10){
document.getElementById('phoneval').innerhtml="<-- Valid";
}
else{
document.getElementById('phoneval').innerhtml="<-- Not Valid";
}
}
</script>
</body>
</html>
嗨，当标签在头部时，我收到错误信息'Uncaught TypeError：Can not read property'value'of null'，但是由于移动了标签，标签消失了。但是，现在它不输出错误，什么也没有。请帮忙？
对不起，任何格式和内容，新的：/
最佳答案
编辑：
可行的实现略有不同：http://jsfiddle.net/SfTR2/确保在HTML之后加载JS，或使用window.onload
原始答案：
您需要在验证函数中获取长度：
function validatePhone() {
var phonenum = document.getElementById("dvr").value.length; //MOVE IT HERE
if (phonenum == 10){
document.getElementById('phoneval').innerHTML="<-- Valid";
}
else{
document.getElementById('phoneval').innerHTML="<-- Not Valid";
}
}
和以前一样，您要缓存空长度。
另外，如@su所述，您需要使用innerHTML