ReferenceError: Can't find variable X when calling JS function (or variable) from HTML file

Question

我正在尝试从 HTML-file 调用外部 JavaScript 文件中的函数。目标是在那里处理表单的内容。

我尝试了很多东西，但总是遇到错误“ReferenceError：找不到变量：X”

jqueryjavascript文件加载的定位
<script src="XXX">调用的定位
从按钮 "onclick" 或表单 "onsubmit"
正在尝试从 HTML

这是我的 JavaScript 文件和 HTML 现在的样子：

function submit(e) {

  answerText = document.getElementById("text").value;
  // Do something with it.

}

<head>
  <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
  <script src="/scripts/debug_alerts.js" type="text/javascript"></script>
</head>
<body>
  <form id="validation-form" onsubmit="return submit(e)">
    <input type="text" class="form-control" name="text" id="text" placeholder="Text" required>
    <button type="button" class="btn btn-primary" onclick="submit(e)">Send</button>
  </form>
</body>

我也试过了

function doSomething() {

  // Do something

}

<head>
  <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
  <script src="/scripts/debug_alerts.js" type="text/javascript"></script>
</head>
<body>
  <form id="validation-form" onsubmit="return submit(e)">
    <input type="text" class="form-control" name="text" id="text" placeholder="Text" required>
    <button type="button" class="btn btn-primary" onclick="submit(e)">Send</button>
  </form>
  <script>
    function submit(e) {
      doSomething();
    }
  </script>
</body>

在这两种情况下，它一遍又一遍地返回相同的错误：“ReferenceError：找不到变量：X”。在第一个示例中，X 为 "submit"，在第二个示例中为 "doSomething".

非常欢迎所有帮助。我知道这里有类似的标题，但没有一个解决方案对我有用。

Answer 1

嘿，所以当我运行代码没有 e 作为 html 中提交函数的参数时，它没有给我错误。我认为这可能是因为在这种情况下 e 是提交函数文本的占位符。希望这可以帮助。

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
    <script src="/scripts/debug_alerts.js" type="text/javascript"></script>
</head>

<body>
    <form id="validation-form" onsubmit="return submit(e)">
        <input type="text" class="form-control" name="text" id="text" placeholder="Text" required>
        <button type="button" class="btn btn-primary" onclick="submit()">Send</button>
    </form>
    <script type="text/javascript">
        function submit(e) {

            answerText = document.getElementById("text").value;
            // Do something with it.


        }
    </script>
</body>

</html>

ReferenceError: Can't find variable X when calling JS function (or variable) from HTML file

ReferenceError: Can't find variable X when calling JS function (or variable) from HTML file

html

javascript

jquery

referenceerror