HTML按钮不会调用JavaScript方法

Question

我有一个HTML按钮，用户可以单击该按钮来注册帐户：

<button onclick="redirectToHomePage()" class="ok-button" >
                Register</button>

不幸的是，JavaScript方法永远不会被调用。奇怪的是，当我用“输入”替换按钮时：

<input onclick="redirectToHomePage()" class="ok-button" >
                Register</input>

该方法被调用。所以它适用于“输入”，但不适用于“按钮”。有谁知道这个问题是什么？

编辑：一些附加信息，按钮在表单内：

<form method="POST">
      {% csrf_token %}
      {{ form.as_p }}

      <button onclick="redirectToHomePage()" class="ok-button">
      Register</button>
 </form>

谢谢！

Answer 1

加

type="button"

按钮元素。

Answer 2

在你的按钮标签中，请使用[type =“button”]

HTML代码

<button type="button" onclick="redirectToHomePage()" class="ok-button">
                Register</button>

Javascript代码

<script>
function redirectToHomePage(){
//code
}
</script>

Answer 3

<script>
function redirectToHomePage(){
alert('redirect to home page');
}
</script>
<form>
<button onclick="redirectToHomePage()" class="ok-button" >
                Register</button>
</form>

This code works for me. Maybe you haven't added tag into <form>