Question

我有以下HTML代码

   <div class = "login">
        <form>
        <input type="text" id="username" name="username" placeholder="Username" style="text-align:center"> <br> <br>
        <input type="password" id="password" name="password" placeholder="Password" style="text-align:center"> <br> <br>
        <input  onclick="loginButton();" name="login_btn" id="login_btn" type="submit"  value="Login">
        </form>
   </div>

以下JavaScript：

<script type="text/javascript">
    function loginButton() {
        console.log("this function was called")
    }
</script>

在我的控制台中，当我点击提交按钮时，＆＃34;此功能被称为＆＃34;只出现一小段时间，然后消失。然而，当我将提交按钮放在表单之外时，消息仍然存在，并完全执行我的其余功能。

Answer 1

由于type="submit"元素上的input，您的表单已提交且页面重新加载。

将其更改为

type="button"

或

onclick="loginButton(); return false;"

JavaScript无法在表单内部工作

1 个答案: