Вы должны изменить свой элемент формы, как показано ниже
<form onsubmit="return validateAndSubmit();" >...</form>
И использовать функцию проверки, как показано ниже
validateAndSubmit(){
let invalid = false;
if(firstName == "") invalid = true;
if(lastName == "") invalid = true;
if(invalid) return false; // prevents the form from submitting
else return true; // submits the form
}
РЕДАКТИРОВАТЬ 1
если вам не нужно отправлять форму буквально, а выполнять только операцию отправки, вы всегда можете вернуть false.
validateAndSubmit(){
event.preventDefault();
let invalid = false;
if(firstName == "") invalid = true;
if(lastName == "") invalid = true;
if(!invalid){
addPatron(); // perform add operation only when form is valid
}
return false;
}
Я внес следующие изменения.
- всегда возвращает false.
- Если недопустимый вызов функции addPatron ()
- Добавлено event.preventDefault () для прекращения всплытия дополнительных событий.