Quiero validar un formulario simple usando jquery antes de enviar datos al protector. Aquí necesito mostrar mensajes de error en un cuadro de alerta. No puedo usar ningún complemento de jquery para usar el proceso de validación.

Este es mi formulario HTML -

<form action="" method="post" class="a">
    Name : <input type="text" class="text" name="name" id="name" /> <br/>
    Address : <input type="text" class="text" name="address" id="address" /> <br/>
    Email: <input type="text" class="text" name="email" id="email" /> <br/>

    <input type="button" id="submit" value="Submit" name="submit" />
</form>

Si un usuario envía este formulario sin completar ningún elemento del formulario, entonces necesito mostrar 3 mensajes de error en un solo cuadro de alerta. Me gusta esto

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

Si solo uno o dos campos permanecen vacíos, entonces debo controlar el mensaje de error según la situación.

Aquí lo probé usando jquery. Pero el cuadro de alerta se muestra uno por uno.

Mi 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;
    }    
});

Esto esFIDDEL

¿Puede alguien decirme cómo puedo resolver esto? Gracias.