проверка формы в jquery без использования плагина

Я хочу проверить простую форму с помощью jquery перед отправкой данных в заставку. Здесь мне нужно отобразить сообщения об ошибках в окне предупреждения. Я могу't использовать любой плагин jquery для использования процесса валидации.

Это моя форма HTML -


    Name :  <br>
    Address :  <br>
    Email:  <br>

    

Если пользователь отправляет эту форму без заполнения какого-либо элемента формы, мне нужно отобразить 3 сообщения об ошибках в одном окне предупреждения. Как это

Name can not be empty.
Address can not be empty.
email can not be empty.  

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

Здесь я попробовал это с помощью jquery. Но окно оповещения отображается по одному.

Мой jQuery -

$('#submit').on('click', function() {
    valid = true;   
    if ($('#name').val() == '') {
        alert ("please enter your name");
        valid = false;
    }

    if ($('#address').val() == '') {
        alert ("please enter your address");
         valid = false;
    }    
});

ЭтоFIDDEL

Может ли кто-нибудь сказать мне, как я могу понять это? Спасибо.

Ответы на вопрос(4)

Ваш ответ на вопрос