首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >当我点击表单中的按钮时,表单被提交。如何避免这种情况?

当我点击表单中的按钮时,表单被提交。如何避免这种情况?
EN

Stack Overflow用户
提问于 2012-03-10 11:58:40
回答 1查看 35.9K关注 0票数 65

我使用twitter-boostrap,我想在我的表单中使用these radio-buttons。问题是,当我单击这些按钮中的任何一个时,表单都会立即提交。如何避免这种情况?我只想使用默认按钮,比如单选按钮。

发自:

代码语言:javascript
复制
<%= 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:

代码语言:javascript
复制
// application.js
$('.tabs').button();
EN

回答 1

Stack Overflow用户

发布于 2019-09-04 17:32:52

您可以直接使用rails表单帮助器完成此操作,方法是将type指定为“button”的一个选项:

代码语言:javascript
复制
<%= 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 %>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/9643806

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档