Question

我目前正在为我的单一课程学习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>

我已经尝试在函数上方的函数中插入脚本，但是似乎没有任何工作。

希望有人可以提供帮助，谢谢

Answer 1

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

https://jsfiddle.net/pc9rL2ey/

        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');">

JavaScript：表单onSubmit不调用函数

1 个答案: