Все кнопки запускают проверку формы семантического интерфейса - PullRequest
0 голосов
/ 25 июня 2019

В моей семантической форме пользовательского интерфейса (<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.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>

но это не помещает текст («тест») внутри кнопки, также не может получить размер кнопки, чтобы быть таким же, как другие.

Есть ли способ заставить его не запускать мою проверку? Довольно озадачен тем, почему это делает кнопка без отправки.

1 Ответ

1 голос
/ 25 июня 2019

Просто определите тип кнопки.Тип по умолчанию: submit:

<Button type="button" />

Ссылка: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#Attributes

...