编辑:好的,这是一个更新,我不是我刚刚做的,但由于某种原因,它现在可以在我的网站上运行。现在我的网站共有5个html文件,共享相同的javascript文件。任何人都可以解释为什么有些页面包含脚本而有些页面不包含?我不知道确切的问题是什么,但似乎在某些情况下,javascript代码只适用于5个页面中的2个。
我一直试图找到解决这个问题的方法,以至于我几乎改变了我的javascript代码的结构,现在我感到很沮丧。我已经尝试了很多方法以获得最大的知识,而且它只是不会让步。也许我错过了一些东西,但我确信语法是正确的,但是当我在网站上执行脚本时,它仍然显示这个错误。
这里是代码的一部分,按钮位于HTML代码的底部。
function validate() {
var firstName = document.getElementById("fname").value;
if (firstName.length === 0) {
alert("You must fill out this field: First Name");
throw new Error("You must fill out this field: First Name");
} else if (!firstName.match(/\s*[A-Za-z]+[-]*[A-Za-z]*/)) {
alert("Invalid format");
throw new Error("Invalid format");
}
}

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Rent Online</title>
<style>
form {
width: auto;
}
label {
float: left;
width: 200px;
}
input[type=text] {
float: left;
width: 250px;
}
input[type=password] {
float: left;
width: 250px;
}
.clear {
clear: both;
height: 0;
line-height: 0;
}
.floatright {
float: right;
}
</style>
<script type="javascript/text" src="Script.js"></script> <!-- Script file -->
<link rel="stylesheet" type="text/css" href="Style.css">
</head>
<body>
<div class="Body">
<div class="TopHalf">
<img src="images/WebLogo.jpg" style="width: 200px; height: 150px;
border-bottom-right-radius: 38px; box-shadow: 0px 0px 30px 15px #0a0a0a;">
<p>User Registration</p>
</div>
<div class="BottomHalf">
<div class="NavBar">
<a href="Home.html">Home</a>
<a href="Owners.html">Owners</a>
<a href="Tenants.html">Tenants</a>
<a href="Rent.html">Rent</a>
<a href="UserReg.html">User Registration</a>
</div>
<div class="info" style="background: url(images/Sunny.jpg); background-size: cover;">
<div style="background: rgba(163, 209, 255, .7);">
<form id="userform">
<label for="fname">1. First Name:</label>
<input type="text" id="fname">
<br>
<br>
<label for="lname">2. Last Name:</label>
<input type="text" id="lname">
<br>
<br>3. Are you an Owner or a Tenant?
<br>
<br>
<input type="radio" name="person" value="owner">Owner
<br>
<input type="radio" name="person" value="tenant">Tenant
<br>
<br>
<label for="pnum">4. Phone Number:</label>
<input type="text" id="pnum">
<br>
<br>
<label for="email">5. Email:</label>
<input type="text" id="email">
<br>
<br>
<label for="nickname">6. Login ID:</label>
<input type="text" id="nickname">
<br>
<br>
<label for="pass">7. Password:</label>
<input type="password" id="pass">
<br>
<br>
<label for="password">8. Confirm Password:</label>
<input type="password" id="conpass">
<br>
<br>
</form>
<button onclick="validate()">Submit</button>
</div>
</div>
</div>
</div>
</body>
</html>
&#13;