JAVASCRIPT - 未捕获的类型错误:无法读取 null 的属性“值”
JAVASCRIPT - Uncaught TypeError: Cannot read property 'value' of null
<!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>
嗨,当标签在头部时,我收到错误"未捕获的类型错误:无法读取 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
add
validatePhone();
到脚本的末尾(您定义了函数,但从未调用过它)。并将 innerhtml 更改为 innerHTML
相关文章:
- 字符串在将其传递给另一个活动Android JavaScript时读取Null
- 未捕获的类型错误:无法读取属性'addEventListener'的null chrome扩展名
- 未捕获的类型错误:无法读取属性'状态'在react中为null
- Javascript Float32数组抛出无法读取属性'0'即使数组定义良好,也为null
- 我该如何解决这个问题?“未捕获的类型错误:无法读取 null 的属性'appendChild'”
- VM5111:1249未捕获类型错误:无法读取属性'x'为null
- 无法读取属性'addEventListener'菜单上为null的
- Catch无法读取null的属性
- select2:无法读取null的属性查询
- 获得'无法读取null的属性样式'
- TinyMCE->无法读取属性'setAttribute'为null
- 未捕获的类型错误:无法读取 null 的属性“removeChild”(使用 Instagram 的 JSONP 响应)
- 未捕获的类型错误:无法读取 null 的属性“toLowerCase”
- JAVASCRIPT - 未捕获的类型错误:无法读取 null 的属性“值”
- Google Map API BackBoneJS 无法读取 null 的属性 'offsetWidth'
- 未捕获的类型错误:无法读取 null 的属性“选项” - 某些代码有效
- javascript无法读取属性'style'为null
- 无法读取属性''为null
- Vaadin组合框无法读取属性'addEventListener'为null
- 无法从 NULL 读取属性“患者”