Валидация формы

[LocoThatCould]

fr - это id формы..

[LocoThatCould]

Вставил после return result; в функции validate

[LocoThatCould]

if(!validate()) {
      fr.preventDefault();
    }

?

[LocoThatCould]

Форма

<form id="fr" onsubmit="validate();">

[LocoThatCould]

Крч нашаманил, сам немогу понять как это работает но.. убрал result в

result = true;

Хз, вот думаю как.. возвращается 2 result получается и происходит путанница? ДА поидее так.. остается 1 тру в email и 2 false.. крч я думаю лучше сделать 2 функции проверки чтобы два результата было и добавить проверку этих результатов.. Я верно думаю?

[LocoThatCould]

var userEmail = document.getElementById("username"),
      userPass = document.getElementById("pass")
var regexp = new RegExp("^([a-z0-9_-]+\.)*[a-z0-9_-]+@[a-z0-9_-]+(\.[a-z0-9_-]+)*\.[a-z]{2,6}$");
var regexpP = new RegExp("^[a-zA-Z0-9!@#$%^&*]{6,16}$");



function validate() {
   var result = false;
   if(!regexp.test(userEmail.value)) {
       userEmail.style.border = "2px solid red";
       
       result = false;
      alert('Некорректно введен Email!')
   } else {
       userEmail.style.border = "2px solid green";
       	result = true;											          
   }
   if(!regexpP.test(userPass.value)) {
       userPass.style.border = "2px solid red";
       result = false;
      alert('Некорректно введен Пароль!')
   } else {
       userPass.style.border = "2px solid green";
       
   }
    return result;

}

[Nexus]

document.querySelector('#fr').addEventListener('submit',function(e){
    if(!validate())
        e.preventDefault();
});

[LocoThatCould]

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

[Nexus]

LocoThatCould,

<form id="fr">
    <input type="text" id="username" />
    <input type="password" id="pass" />
    <input type="submit" />
</form>
<script>
    document.querySelector('#fr').addEventListener('submit', function(e) {
        if (!validate())
            e.preventDefault();
    });

    var userEmail = document.getElementById("username"),
        userPass = document.getElementById("pass"),
        regexp = new RegExp("^([a-z0-9_-]+\.)*[a-z0-9_-]+@[a-z0-9_-]+(\.[a-z0-9_-]+)*\.[a-z]{2,6}$"),
        regexpP = new RegExp("^[a-zA-Z0-9!@#$%^&*]{6,16}$");


    function validate() {
        var result = regexp.test(userEmail.value);
        if (!result) {
            userEmail.style.border = "2px solid red";
            alert('Некорректно введен Email!');
        } else
            userEmail.style.border = "2px solid green";


        if (!regexpP.test(userPass.value)) {
            result = false;
            userPass.style.border = "2px solid red";
            alert('Некорректно введен Пароль!')
        } else
            userPass.style.border = "2px solid green";


        return result;
    }
</script>