Pattern, pattern?

Question

JavaScript

I am making a registration page. I came across the "Password Confirmation" field. Yuzayu script, it turns out to make this field. Here is the script:

function checkPP() {
                        if (document.getElementById('pass').value != document.getElementById('conf').value) {
                            alert ("Пароль и Подтверждение пароля не совпадают!")
                        }
                        else {
                            document.forms['forma'].submit();
                        }
                    }

pass is the password entered for the first time, conf is the second time, form is all fields. Well, there name, login ... So. If earlier I inserted "required" and the "pattern" template into each input line, then all the template and bindings fell off! That is, an alert flies out, but if nothing is written in all fields (or written not according to the template), no notification like "Fill in this field" flies out!!! How can this be fixed? Help pliz

Answer 1

function checkPP() {
                    if (document.getElementById('pass').value != document.getElementById('conf').value) {
                        alert ("Пароль и Подтверждение пароля не совпадают!")
                    }
                    else {
                        document.forms['forma'].submit();
                    }
                }

->

function checkPP(e) {
                    if (document.getElementById('pass').value != document.getElementById('conf').value) {
                        alert ("Пароль и Подтверждение пароля не совпадают!")
                        e.preventDefault();
                    }
                }

->
onclick="checkPP(event)"