Поля подтверждения формы

Question

Хорошо, у меня есть поле электронной почты и пароль. Их проверка установлена. Для поля пароля, если подтвержденный пароль не подходит, он скажет вам то же, что и для формата электронной почты.

Но когда я нажимаю регистр, он будет проверять форму, являются ли поля правильными или неправильными.

<div class="form-group"> 
     <input class="btn btn-success" type="submit" name="submit_reg" value="Register" > 
     </div> 

Кто-то знает, как это исправить? Вот часть моего кода https://jsfiddle.net/tk2nqbo9/1/

Answer 1

Ваша валидация, хотя она и корректно отображает ошибки, никоим образом не препятствует отправке формы. Если вы хотите запретить отправку, в то время как есть ошибки, вам нужно добавить прослушиватель событий к представлению формы.

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

document.querySelector('form').addEventListener('submit', function(event) { 
    if (!passwordCheck()) { 
     reportError("Password error"); 
     event.preventDefault(); //Stops the submission of the form 
    } 

    if (!emailCheck()) { 
     reportError("Email error"); 
     event.preventDefault(); 
    } 

    //Got here? All good, don't do anything. 
}); 

Вы также можете быть заинтересованы в pattern attribute. По крайней мере, он может заменить вашу функцию email_validate.