Всем привет.
На vue(но склоняюсь, что это не только на vue будет) недавно заметил одну штуку в форме:
Есть обычная, тестовая форма
https://codesandbox.io/s/twilight-night-rvejd?file=/src/App.vueв ней есть 2 поля, 2 кнопки
Проблема замечена во взаимодействии формы с кнопками.
Одна кнопка является кнопкой регистрации, другая просто в качестве дополнительного действия, которое используется в исключительной ситуации.
Если верстка имеет следующую последовательность:
input 1 input 2
button-регистрация
button-не кликать
То при нажатии enter в каком-либо поля ввода я вызываю submit формы и корректно происходит "типа" отправка данных
А если последовательность такая:
input1 input2
button-не кликать
button-регистрация
То при нажатии enter в поле ввода, происходит нажатие на button-не кликать и еще срабатывает отправка данных.
Можно ли как-то нативными средствами(без рефов, чисто тегами/аттрибутами html или родными аттрибутами vue) сказать форме, чтоб enter лишь активировал или submit прописанный в форме или лишь кнопку регистрации с типом submit?
Я ввёл указал аттрибуты в кнопке регистрации form="testForm" type="submit", но это не помогло.