js表单验证错误：未捕获的ReferenceError

Question

我正在使用 php 将信息存储到数据库中，并且我想使用 javascript 来验证表单。我为表单验证创建了一个单独的 javascript 文件，该文件包含在 index.php 中，但是每当我单击提交并在谷歌的开发人员工具中查看控制台时，我都会得到：

index.php:92 Uncaught ReferenceError: popupValidation is not definedonsubmit @ index.php:92

代码如下：

index.php

            <form name="popup" action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]);?>" onsubmit="return popupValidation();" method="post">
            <div class="row">
              <input name="firstName" type="text" class="form-control" id="inputFirstName" placeholder="First Name">
              <input name="lastName" type="text" class="form-control" id="inputLastName" placeholder="Last Name">
            </div>
            <div class="row">
              <input name="email" type="email" class="form-control" id="inputEmail" placeholder="youremail@email.com">
            </div>
            <div class="row">
              <input name="password" type="password" class="form-control" id="inputPassword" placeholder="password">
            </div>
            <div class="row">
              <input name="repeatPass" type="password" class="form-control" id="retypePassword" placeholder="Retype password">
            </div>
            <div class="row">
              <input name="trainer" type="checkbox"/> Sign up as trainer
            </div>
            <div class="modal-footer popup-footer">
              <input type="submit" class="btn btn-default submit" value="Register">
           </div> 
          </form>

popupvalidation.js

$(document).ready(function(){
  function popupValidation() {
    var fname = document.forms["popup"]["firstName"].value;
    var lname = document.forms["popup"]["lastName"].value;
    var pass = document.forms["popup"]["password"].value;
    var repass = document.forms["popup"]["repeatPass"].value;
    var email = document.forms["popup"]["email"].value;

    if (fname==null || fname=="", lname==null || lname=="", pass==null || pass=="",
      repass==null || repass=="", email==null || email=="") {
        alert("Pleases fill out field");
        return false;
    }
  }
})

Answer 1

您似乎遇到了范围问题，您需要将 popupValidation 函数移至全局范围