JavaScript:FormonSubmit未调用函数_Javascript_Html_Forms

JavaScript:FormonSubmit未调用函数

javascript html forms

JavaScript:FormonSubmit未调用函数,javascript,html,forms,Javascript,Html,Forms,我目前正在为我的uni课程学习JavaScript，由于某种原因我的函数没有被调用。我想了解为什么这不起作用简要说明有两个表单，其中一个表单有一个提交按钮，其中的onSubmit字段调用document.write（）（这是有效的），然后调用我自己的函数submit（）。如果我将submit（）更改为document.write（），那么我将收到两个输出，因此应该没有读取，为什么不调用submit 第二个表单中有一个文本框，我理想情况下希望在按下按钮时使其消失，但是我主要想了解为什么不调用s

我目前正在为我的uni课程学习JavaScript，由于某种原因我的函数没有被调用。我想了解为什么这不起作用

简要说明

有两个表单，其中一个表单有一个提交按钮，其中的

onSubmit

字段调用

document.write（）

（这是有效的），然后调用我自己的函数

submit（）

。如果我将

submit（）

更改为

document.write（）

，那么我将收到两个输出，因此应该没有读取，为什么不调用

submit

第二个表单中有一个文本框，我理想情况下希望在按下按钮时使其消失，但是我主要想了解为什么不调用

submit

<html charset="utf-8">
<head>
    <title>Game</title>
</head>
<body>
    <form method="get" name="form1" action="game.php" onSubmit="document.write('Hello');submit();">
        <input type="submit" value="submit" name="button" />
    </form>

    <form id="form2" name="form2">
        <input name="letter" type="text" />
    </form>
    <script>
        function submit() {
            alert("HELLO");
            document.getElementById('form2').visibility='hidden';
            document.write("Hello");
        }
    </script>
</body>


游戏
函数提交（）{
警惕（“你好”）；
document.getElementById（'form2'）。visibility='hidden'；
写下“你好”；
}

我曾尝试在标题、函数上方、函数下方插入脚本，但似乎没有任何效果

希望有人能帮忙，谢谢

提交是一个保留关键字。更改为任何其他名称，它应该可以工作。请找到相同的JSFIDLE

函数submita（）{
警惕（“你好”）；
document.getElementById（'form2'）。visibility='hidden'；
写下“你好”；
}

提交是一个保留关键字。更改为任何其他名称，它应该可以工作。请找到相同的JSFIDLE

函数submita（）{
警惕（“你好”）；
document.getElementById（'form2'）。visibility='hidden'；
写下“你好”；
}

有关（简洁？）文档，请参阅。有关（简洁？）文档，请参阅。

        function submita() {
            alert("HELLO");
            document.getElementById('form2').visibility='hidden';
            document.write("Hello");
        }


<form method="get" name="form1" action="game.php" onSubmit="submita();document.write('Hello');">