Блог

Я создаю форму, которая запрашивает электронную почту и пароль и проверяет их. Если в нем есть какая-либо ошибка, он появляется в той же строке. Ниже приведен мой код javascript для этого. Когда я заполняю форму и нажимаю «Отправить», значения сбрасываются. Более того, я ничего не вижу в консоли. Я попытался использовать консоль случайного кода.log («Hanee») для тестирования своего кода, но на вкладке консоль ничего не генерируется. Может ли кто-нибудь сказать мне, в чем здесь проблема?

Кроме того, вот ссылка на мою форму входа в систему: http://www2.cs.uregina.ca/~hsb833/215a/login.html

 document.getElementById("login-form").addEventListener("submit",validateLogin,false);

function validateLogin(event){
    var elements = event.currentTarget;
    var emailValue = elements[0].value;
    var passValue = elements[1].value;

    checkEmail(emailValue);
    checkPass(passValue);

}


function checkEmail(emailValue){

    var regex_email = /^[/w] @[a-zA-Z] ?.[a-zA-Z]{2,3}$/;
    var index = emailValue.search(regex_email);
    var errorEmail = document.getElementById("errorEmail");
    var valid = true;

    console.log('Hanee');
    if(index != 0){
        errorEmail.style.display = 'inline';
    
    }



}

function checkPass(passValue){
    var password = document.getElementById("password");
    var regex_pass = /[w] S/;


    var index = passValue.search(regex_pass);

    if(passValue.length < 6){
        console.log('password is invalid. Minimum length is 6');
        errorPassLen.style.display = 'inline';
    
    }


    if(index != 0){
        console.log('password is invalid. Please make sure there is no spaces in between');
        errorPassFormat.style.display = 'inline';
    
    }

}
 

form обновляется после отправки по умолчанию. Чтобы предотвратить это, используйте event.preventDefault(); в своем validateLogin

При submit срабатывании события все значения отправляются на сервер и сбрасываются. Если вы хотите предотвратить это, используйте event.preventDefault(); внутри функцию обработки событий validateLogin(event) . Тогда значения не будут сброшены!

Тем не менее, если вы хотите, чтобы ваши значения были пустыми после отправки, попробуйте сделать это ниже.

 elements.forEach(e => e.value = '');