表示未定义函数时出错

Error saying that function is not defined

本文关键字：出错 函数 未定义 表示      更新时间：2023-09-26

控制台日志一直说，单击此按钮时未定义函数。我真的不知道为什么。我有另外两个使用相同格式的弹出窗口，当我为每个弹出窗口按下每个按钮时，它们都说功能未定义。该页面没有说明存在任何明显的javascript语法错误。

感谢的帮助

HTML

<div class="popup" id="popup-subscribe">
   <div id="close-subscribe" class="close-button"> </div>
   <div class="popup-title">Subscribe</div>
   <form method="post" name="subscribe" action="">
      <span class="label" style="margin-right: 5px">Name: </span><input type="text" placeholder="Name" name="name" /><br>
      <span class="label" style="margin-right: 5px">Email: </span><input type="text" placeholder="Email" name="email_subscribe" /><br>
      <div class="errors" id="subscribe-errors"></div>
      <div onclick="validateSubscribeForm()" class="button-medium">Sign me up!</div>
   </form>
</div>

Javascript

function validateSubscribeForm() {
var emailSubscribe =document.forms["subscribe"]["email_subscribe"].value;
var atpos=emailSubscribe.indexOf("@");
var dotpos=emailSubscribe.lastIndexOf(".");
var name = document.forms["subscribe"]["name"].value;
if (atpos<1 || dotpos<atpos+2 || dotpos+2>=emailSubscribe.length)
  {
  $("#subscribe-errors").html("The email you entered is not valid");
  return false;
  } 
  else if (name == null || name == "") 
  {
  $("#subscribe-errors").html("Please enter a name");
  }else {
  document.subscribe.submit();
  }
}

具体来说，控制台日志错误状态为：Uncaught ReferenceError:validateSubscribeForm未定义

您需要将JavaScript函数定义放在HTML:的head标记中

<head>
    <!-- INCLUDE jQuery library first -->
    <script type="text/javascript">
        function validateSubscribeForm() {
            var emailSubscribe = document.forms["subscribe"]["email_subscribe"].value;
            var atpos = emailSubscribe.indexOf("@");
            var dotpos = emailSubscribe.lastIndexOf(".");
            var name = document.forms["subscribe"]["name"].value;
            if (atpos < 1 || dotpos < atpos + 2 || dotpos + 2 >= emailSubscribe.length) {
                $("#subscribe-errors").html("The email you entered is not valid");
                return false;
            } else if (name == null || name == "") {
                $("#subscribe-errors").html("Please enter a name");
            } else {
                document.subscribe.submit();
            }
        }
    </script>
</head>
<body>
    <div class="popup" id="popup-subscribe">
        <div id="close-subscribe" class="close-button"></div>
        <div class="popup-title">Subscribe</div>
        <form method="post" name="subscribe" action=""> <span class="label" style="margin-right: 5px">Name: </span>
            <input type="text" placeholder="Name" name="name" />
            <br /> <span class="label" style="margin-right: 5px">Email: </span>
            <input type="text" placeholder="Email" name="email_subscribe" />
            <br />
            <div class="errors" id="subscribe-errors"></div>
            <div onclick="validateSubscribeForm()" class="button-medium">Sign me up!</div>
        </form>
    </div>
</body>

您错过了Jquery。包括Jquery库。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
相关文章：