Question

我在<button onclick="doSomething();">Do something</button>帮助者中有form_for。点击它会导致表单提交。相反，我只想做一些客户端工作，以达到预期目的我怎样才能实现它？

编辑：我只能使用<button>标记用于我的目的，如果我可以将其放在表单中，那就相当不错了。

Answer 1

这很简单：只需添加 ~~water~~ 返回false; 。见例：

<button onclick="doSomething();return false;">Do something</button>

我需要周末休息，5分钟后谷歌搜索：）

Answer 2

编辑：<form>的工作方法确保您的按钮是这样写的： <input type="button" onclick="doSomething()">

您可以按索引选择表单。因此，如果这是您网页上的第一个<form>元素，那么它的索引将为0.依此类推。索引是元素的顺序。如果您遇到此问题，可以随时为表单命名并按名称选择。方法如下：

var form = document.forms[0]; //selecting by index
var namedForm = document.forms["someForm"]; //Selects <form name="someForm">
var name = form.elements["nameInput"].value; //Selects <input type="text" name="nameInput">

等等。如果你遇到任何麻烦，请告诉我。

Answer 3

<button onclick="doSomething();void(0)">Do something</button>

虽然通常更好的做法是从JavaScript挂钩按钮的click事件，分离问题。

表单内的onclick事件的自定义按钮会导致重定向

3 个答案: