myFunction未以我的HTML形式定义

Question

我正在创建一个表单，其中我的发送按钮需要执行myFunction。但是每当我尝试发送它执行时，都会收到Uncaught ReferenceError：未定义myFunction。

这里是代码的有用部分：

<button type="submit" onclick="myFunction()">VERSTUUR</button>
 </div>

  </fieldset>
<div id="uitvoeren"></div>

<script type="text/javascript">
"use strict";
var vak;
    function myFunction() {
        var naam = document.getElementById("naam").value;
        var Leeftijd = document.getElementById("Leeftijd").value;
        vak=document.getElementsByName("vak");

Answer 1

您是我的一些代码，希望对您有所帮助。

    <form action="" method="post">
        <input type="text" name="name" id="name">
        <input type="email" name="email" id="email">
        <input type="password" name="password" id="password">
        <button type="submit" id="btn">VERSTUUR</button>
    </form>


<script type="text/javascript">
"use strict";
    document.getElementById('btn').onclick = myFunction;
    function myFunction(e) {
        e.preventDefault();
        var name = document.getElementById('name').value;
        var email = document.getElementById('email').value;
        var password = document.getElementById('password').value;
        console.table({'name': name, 'email': email, 'password': password})
    }
</script>

Answer 2

Javascript以其编写的顺序执行，因此您需要在使用Java之前编写函数

<script type="text/javascript">
"use strict";
var vak;
    function myFunction() {
        var naam = document.getElementById("naam").value;
        var Leeftijd = document.getElementById("Leeftijd").value;
        vak=document.getElementsByName("vak");
....
</script>
<button type="submit" onclick="myFunction()">VERSTUUR</button>
 </div>

  </fieldset>
<div id="uitvoeren"></div>