Неправильная отправка формы с использованием клавиши ввода при наличии двух кнопок отправки

Question

У меня есть форма с двумя кнопками отправки - одна для отмены, а другая для сохранения значений формы в БД. Когда клавиша Enter нажата, кнопка «Отмена» отправляет форму вместо кнопки «Сохранить», отправляющей форму. Как заставить кнопку Сохранить отправить форму при нажатии клавиши Enter?

Спасибо,

Answer 1

Ваша форма не должна иметь две кнопки отправки.У кнопки «Сохранить» должен быть тип отправки, а у кнопки «Отмена» - кнопка типа.

РЕДАКТИРОВАТЬ: я собираюсь обновить этот ответ для решения нескольких вопросов, которые были подняты.Я видел в спецификации HTML (то есть DTD ) запрещает две кнопки отправки в одной форме, но точная проблема, о которой упоминается OP, может возникнуть.В его или ее случае решение состоит в том, чтобы сделать кнопку Отмена типа кнопки и добавить следующий JavaScript:

<input type="button" value="Cancel" onclick="window.location.href='nextpage.html';"/>

Здесь можно заменить nextpage.html на соответствующий URL.Или this.form.action может быть новым местоположением, если перенаправление выполняется на действие формы.

Если OP хочет быть безопасным и избегать JavaScript, это может быть только гиперссылка (возможно, стилизованная).