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 =＆＃34; button＆＃34;]

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>

HTML按钮不会调用JavaScript方法

3 个答案: