Как отключить только некоторые input от отправки формы по нажатию enter?

Question

[Леонид Нимченко]

Есть большая форма на всю страницу с несколькими панелями у которых переключается видимость. Она имеет кнопку submit и отправляется стандартным способом. Но на одной из панелей добавлены несколько input-ов, которые отправляются отдельно ajax-ом. Как сделать чтобы при нажатии только на этих input-тах кнопки enter форма не отправлялась?

Comments

[Everything_is_bad]

web-программист

/)_-) еще и сложный выставил

[Wispik]

Добавить проверку при нажатии на enter
© Ваш Кэп

[Леонид Нимченко]

document.querySelector('form[name="account-form"]').addEventListener('keypress', function(event) {
		if (event.keyCode === 13 && (event.target.closest('#profiles') || event.target.closest('#profiles_for_vip'))) {
			event.preventDefault();
		}
	});

Answer 1

[rPman]

Если форма типа submit, то достаточно убирать у не нужных для отправки полей атрибут name.

Если форма отправляется по ajax, то нужно править код этой отправки, где такого перебираются все поля и помещаются в отправляемые данные, добавив фильтрацию по не нужным полям

Comments

[alexalexes]

По submit помогает еще выставление атрибута disabled, не обязательно гасить name.
Если для ajax объект formData формируется по копипасту объекта html-формы без перебора полей, то скорее всего, тоже достаточно будет активировать атрибуты disabled.