Условие не работает и все еще отправляю форму

Question

Я получил это условие в форме, где я должен проверить 2 ввода пароля, первый - первый проход, а второй - для подтверждения пароля

Я хочу, чтобы оба этих ввода имели одинаковое значение иполучил более 7 символов

вот код

$(document).ready(function(){
$(form).submit(function(event){
if (f_pass.value.length < 7){
event.preventDefault();
// show error and friendly error notification 
fpassCond = false;
}
else if (f_pass.value == ''){
event.preventDefault();
// show error and friendly error notification 
fpassCond = false;
}
else {
// show green message for validation and green border in the input
fpassCond = true;
}

if (c_pass.value.length < 7){
event.preventDefault();
// show error and friendly error notification 
cpassCond = false;
}
else if (c_pass.value == ''){
event.preventDefault();
// show error and friendly error notification 
cpassCond = false;
}
else {
// show green message for validation and green border in the input
cpassCond = true;
}


// last condition before submitting form

if (fpassCond == true && cpassCond == true) {
    form.submit();
} else{
    event.preventDefault();
// show errors
}
})

, но когда я пытаюсь запустить его, я ввожу первый проход, 8 символов ** Cpass пуст **

Все еще в состоянии отправить его

Что пошло не так ??

Answer 1

Лучше всего, чтобы браузер сначала помог вам с простой проверкой.Добавьте min="7" к вашему входу, чтобы браузер не отправлял форму, если длина не 7 и более.Вот псевдокод:

// Browser is making sure f_pass and c_pass is about 7 letters or more
const firstPass = f_pass.value; 
const secondPass = c_pass.value;

if (firstPass !== secondPass) {
  e.preventDefault();
// continue your error handling here
} else {
 // both pass is valid and the same, continue
}

Answer 2

Ваша функция должна иметь событие в списке параметров

$(form).submit(function(event){
   event.preventDefault();

}