当我点击表单中的按钮时，表单被提交。如何避免这种情况？
当我点击表单中的按钮时，表单被提交。如何避免这种情况？
提问于 2012-03-10 11:58:40
我使用twitter-boostrap，我想在我的表单中使用these radio-buttons。问题是，当我单击这些按钮中的任何一个时，表单都会立即提交。如何避免这种情况？我只想使用默认按钮，比如单选按钮。
发自：
<%= form_for @product do |f| %>
<div class="control-group">
<%= f.label :type, :class => 'control-label' %>
<div class="controls">
<div class="btn-group" data-toggle="buttons-radio">
<button class="btn">Button_1</button>
<button class="btn">Button_2</button>
</div>
</div>
</div>
<div class="form-actions">
<%= f.submit nil, :class => 'btn btn-primary' %>
<%= link_to 'Cancel', products_path, :class => 'btn' %>
</div>
<% end %>javascript：
// application.js
$('.tabs').button();回答 1
Stack Overflow用户
发布于 2019-09-04 17:32:52
您可以直接使用rails表单帮助器完成此操作，方法是将type指定为“button”的一个选项：
<%= form_for @product do |f| %>
<div class="control-group">
<%= f.label :type, :class => 'control-label' %>
<div class="controls">
<div class="btn-group" data-toggle="buttons-radio">
<%= f.button "Button_1", type: "button", class: "btn" %>
<%= f.button "Button_2", type: "button", class: "btn" %>
</div>
</div>
</div>
<div class="form-actions">
<%= f.submit nil, :class => 'btn btn-primary' %>
<%= link_to 'Cancel', products_path, :class => 'btn' %>
</div>
<% end %>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/9643806
复制相关文章
相似问题
腾讯云开发者
