javascript - 所有按钮都会触发表单验证语义 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

简单地定义按钮的类型。默认类型是提交:

<Button type="button" />

引用号:https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#Attributes