参考错误:未定义函数(javascript / html)

时间:2015-03-18 16:51:47

标签: javascript html

编辑:好的,这是一个更新,我不是我刚刚做的,但由于某种原因,它现在可以在我的网站上运行。现在我的网站共有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;
&#13;
&#13;

0 个答案:

没有答案