Bootstrap Toggle 避免表单提交答案

【问题标题】：Bootstrap Toggle avoid form submissionBootstrap Toggle 避免表单提交
【发布时间】：2015-01-05 03:31:52
【问题描述】：

我以以下方式使用引导切换，但通过将“是”更改为“否”，它提交了来自。

<B>Do you want?</B>
<div class="btn-group btn-toggle"> 
  <button class="btn btn-xs btn-default">Yes</button>
  <button class="btn btn-xs btn-primary active">No</button>
</div>

表格代码如下：

{% extends 'base.html' %}

{% block body %}

  <div class="row clearfix">
          <div class="col-md-6 column">
                  <form class="form-horizontal" action="{{ url_for('tsnps')}}" method="POST" role="form">
                  {{ fform.hidden_tag() }} 
                          <div class="form-group">
                                  <div class="col-sm-5">
                                          {{ fform.start_pos(class="form-control", placeholder="Start position e.g. 1", type="number")}}
                                  </div>

                                  <div class="col-sm-5">
                                          {{ fform.end_pos(class="form-control", placeholder="End position e.g. 1000", type="number")}}
                                  </div>
                          </div>  

                          <B>Do you want?</B>
                          <div class="btn-group btn-toggle"> 
                            <button class="btn btn-xs btn-default">Yes</button>
                            <button class="btn btn-xs btn-primary active">No</button>
                          </div>

                          <div class="form-group">
                                  <div class="col-sm-10">
                                          <div class="checkbox">
                                                  <label><input type="checkbox" /> Remember me</label>
                                          </div>
                                  </div>
                          </div>
                          <div class="form-group">
                                  <div class="col-sm-10">
                                          <button type="submit" class="btn btn-default">Send</button>
                                  </div>
                          </div>
                  </form>
          </div>
  </div>
{% endblock %}

如何只保存值（YES 或 NO）而避免提交表单？

【问题讨论】：

标签： twitter-bootstrap twitter-bootstrap-3 flask flask-wtforms

【解决方案1】：

将按钮的类型更改为“按钮”。默认类型是“提交”（至少在某些浏览器上），它的作用类似于提交输入。

<button type="button" class="btn btn-xs btn-default">Yes</button>

【讨论】：