Question

我有一个表单，带有提交按钮：

<% form_for(@personalentry) do |f| %>
    <%= f.submit 'Create' %>
<% end %>

HTML输出

<form action="/personalentries" class="new_personalentry" id="new_personalentry" method="post">
    <input id="personalentry_submit" name="commit" type="submit" value="Create" />
</form>

我想添加第二个按钮，以执行与表单提交无关的其他代码。所以我这样做了：

<head>
    <script type="text/javascript">
        function addEndDateCalendar(){
            alert("test");
        }
    </script>
</head>
<body>
    <form action="/personalentries" class="new_personalentry" id="new_personalentry" method="post">
        <button name="addEndDateButton" onClick="addEndDateCalendar()">End date?</button>
        <input id="personalentry_submit" name="commit" type="submit" value="Create" />
    </form>
</body>

单击按钮时，警报会出现，但随后会运行提交代码。在运行自己的代码后，如何让第二个按钮不运行提交代码？谢谢你的阅读。

Answer 1

您可以尝试使用type="button"代替：

<input type="button" name="addEndDateButton" onClick="addEndDateCalendar()" value="End date?" />

Answer 2

如果您的函数addEndDateCalendar()返回false，则不应提交提交。

如何在我的表单中创建第二个按钮，而不是在按下后运行提交代码？

2 个答案: