表单内带有 onclick 事件的普通按钮不起作用答案

【问题标题】：normal Button with onclick event inside a form doesn't work表单内带有 onclick 事件的普通按钮不起作用
【发布时间】：2015-06-20 15:55:35
【问题描述】：

我尝试在公式中添加一个。此按钮与每个 onclick 事件的 javascript 连接。

所以我做了以下：

<!DOCTYPE html>
<html>
<body>
<form>
<fieldset>
<div id="table_output"></div>
<legend>Behandlungstremin</legend>
<button name="add_termin" id="add_termin" onclick="add_termin()">+ Termin</button>
</fieldset>
<br>
<input type="submit" class="submit" value="Rechnug erstellen" name="submit" id="submit">
</div>
<script>
    function add_termin() {
    document.getElementById("table_output").innerHTML = "Hello World";
    }
</script>
</form>
</body>
</html>

如果我在浏览器中运行此代码，Hello World 文本会在一秒钟后消失。

谁能帮帮我？

【问题讨论】：

您知道表单提交的工作原理吗？删除 form 并在不需要表单时使用点击处理程序。
@teemu 所有按钮都在表单内时提交表单吗？
我需要在 php 中发布条目的表单
@jsve 是的，这是默认操作，尤其是对于 submit 的按钮类型； )。
@jsve 是的，我注意到了，但是已经说过了，form 中<button>（不是button 的类型）的默认操作是提交一个表格。

标签： javascript button

【解决方案1】：

试试这个：

<!DOCTYPE html>
<html>
<body>
    <form>
        <fieldset>
            <div id="table_output">hgfdx</div>
            <legend>Behandlungstremin</legend>
            <button name="add_termin" id="add_termin" onclick="addTermin()" type="button">+ Termin</button>
        </fieldset>
        <br>
        <input type="submit" class="submit" value="Rechnug erstellen" name="submit" id="submit">
    </form>
    <script>
        function addTermin()
        {
            document.getElementById("table_output").innerHTML="Hello World";
        }
    </script>
</body>
</html>

你错过了 type="button" 属性..

【讨论】：