[英]javascript: TypeError: document.getElementById(“myTable”) is null
[英]TypeError: document.getElementById(…); is null javascript
我所有的var语句都使用标识符:var identifier = document.getElementById(“ somename”); 那么,为什么我会得到一个空错误。 我在javascript运行器中运行了此代码,并得到了null错误消息。 在我的浏览器Firefox和Chrome中,我没有任何错误或警告。 当我在浏览器中运行代码并单击按钮以激活事件处理程序时,该表单将清除。 无论如何,它都不去服务器。 这只是练习。 我正在学习JavaScript和动态HTML课程。 如果有人愿意看我的代码并告诉我我做错了什么,我将不胜感激。 肯定有些事情我做错了。 这是脚本:
window.onload = function(){
var fname = document.getElementById("fname").value;
var lname = document.getElementById("lname").value;
var loginName = document.getElementById("uname").value;
var myEmail = document.getElementById("email").value;
var pass1 = document.getElementById("password1").value;
var pass2 = document.getElementById("password2").value;
if(document.getElementById("uname").value == ""){
return false;
alert("Your user name can't be blank.");
};
if(pass1.value !== pass2.value){
get.documentElementById("signin").value.disabled = true;
return false;
alert("Please retype your password.");
}else if(pass1.value === pass2.value){
alert("Welcome!");
};
};
HTML
<body>
<form action = "" name = "form" method = "Post">
<label for="fname">First Name:</label><input type = "text" id = "fname"required></input>
<label for="lname">Last Name:</label><input type = "text" id = "lname" required></input>
<label for="uname">User Name:</label><input type = "text" id = "uname" required></input><br/>
<label for="password1">Password:</label><input type = "password" id = "password1"required ></input><br/>
<label for="password2">Verify Password:</label><input type = "password" id = "password2"required ></input><br/>
<label for="email">Email Address:</label><input type = "email" id = "email" required></input><br/>
<button type = "submit"id = "signin" onclick = "function()">Submit</button>
</form>
<script src="signUp.js"></script>
</body>
我为您清理了代码。 在很多地方都有错误(例如,键入pass1.value
而不是仅pass1
。这应该可以,但是当然需要花一些时间研究它,以了解我所做的更改并了解原因。 这是一个小玩意儿,它显示了工作原理。请注意您永远不要期望这种类型的代码在您引用过的“运行程序”中运行;此处的代码明确引用了DOM中特定元素,而运行程序则没有。(使用JSFiddle这样的网站对于这种事情来说更好,因为您也可以将HTML放入其中。
var submitForm = function () {
var fname = document.getElementById("fname").value;
var lname = document.getElementById("lname").value;
var loginName = document.getElementById("uname").value;
var myEmail = document.getElementById("email").value;
var pass1 = document.getElementById("password1").value;
var pass2 = document.getElementById("password2").value;
console.log(pass1, pass2);
if (document.getElementById("uname").value == "") {
alert("Your user name can't be blank.");
return false;
}
if (pass1 !== pass2) {
document.getElementById("signin").value.disabled = true;
alert("Please retype your password.");
return false;
} else if (pass1 === pass2) {
alert("Welcome!");
}
};
<body>
<form action="" name="form" method="POST">
<label for="fname">First Name:</label><input type ="text" id = "fname" required></input>
<label for="lname">Last Name:</label><input type = "text" id = "lname" required></input>
<label for="uname">User Name:</label><input type ="text" id ="uname" required></input><br/>
<label for="password1">Password:</label><input type="password" id="password1" required></input><br/>
<label for="password2">Verify Password:</label><input type="password" id="password2" required ></input><br/>
<label for="email">Email Address:</label><input type="email" id="email" required></input><br/>
<button type="submit" id="signin" onclick="submitForm()">Submit</button>
</form>
</body>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.