Проверка формы JavaScript с эффектом встряхивания

Question

У меня есть некоторая проверка формы JavaScript, которую я использую, прежде чем отправить ее на мой PHP. (Я еще учусь). но мой вопрос к вам сегодня заключается в том, как заставить сообщение об ошибке встряхнуть, не перезагружая страницу. Мой код JS ниже, кажется, перезагрузить страницу, когда я нажимаю отправить. Стиль сообщения об ошибке по умолчанию установлен на disply:none; и отображается только при необходимости.

Надеюсь, вы понимаете, к чему я клоню. ха ха Спасибо заранее.

Вот код js.

function validateLoginForm() {
    var x = document.getElementById('email').value;
    if (x == null || x == "" || x == "Email") {
        document.getElementById('errorWrapper').style.display='block';
        document.getElementById('errorText').innerHTML='Please enter your Email address!';
        shakeIt();
        return false;
    }
}

и jQuery.

$(document).ready(function() {
    function shakeIt(){
        $('#errorWrapper').effect("shake", { times:5, distance:8 }, 50);
    }
});

Answer 1

Вам нужно сделать это на form.submit т.е.