所有按钮都会触发表单验证语义 ui

Question

在我的语义 UI 表单 ( <div class="ui form">) 中，似乎每个按钮都会触发表单验证，即使它不是提交按钮。

下面是两种不同类型的按钮：

<button class="ui blue right labeled icon primary submit button">
  <i class="right arrow icon"></i>
  Submit
</button>

和

<button class="ui blue button">  
  Something Else
</button>

它们都位于语义 UI 表单元素内。两者都会触发我的验证规则（标准设置规则）：

$('.ui.form')
  .form({
    fields: {
      example:: {
        identifier: 'example',
        rules: [
          {
            type   : 'empty',
            prompt : 'Please enter at least one thing'
          }
        ]
      }   
    }
  }
  )
;

我在网上找到的唯一“解决方案”是创建一个像这样的按钮：

<input type="button"  class="ui blue button">
Test
</input>

但这不会将文本（“测试”）放入按钮内，也无法使按钮的大小与其他按钮相同。

有没有办法让它不触发我的验证？很困惑为什么非提交按钮会这样做。

Answer 1

只需定义按钮的类型即可。默认类型是submit：

<Button type="button" />

参考： https: //developer.mozilla.org/en-US/docs/Web/HTML/Element/button#Attributes