Form validering

Hej eksperter.

Jeg sidder med en opgave i øjeblikket, som jeg gerne vil se om i kan hjælpe mig med.

Jeg har en kontakt form, hvor der skal laves validering på.
- Hvis vedkommende trykker "submit", og ingen af felterne er udfyldte, skal alle felterne skifte til at have et rødt border omkring, hvis de så udfylder feltet, skal det border så forsvinde, og det skal selvfølgelig også være sådan, at ved email f.eks. skal det også være en gyldig email, ellers forbliver den rød.

Hvis noget af det er udfyldt og der mangler 2 felter, så skal kun de 2 felter blive røde, og hvis det kan lade sig gøre, vil det også være smart, hvis man kunne låse submit knappen, indtil alle felterne er udfyldt, en form for en lås, men det er selvfølgelig ikke noget krav.
Bare en lille tilføjelse, men er der nogen som kan hjælpe mig med ovenstående, jeg har sådan set kun formen at vise jer.


<form action="#" method="post">
            <input type="text" name="name" id="name" class="fields" placeholder="Navn" />
            <input type="text" name="phone" id="phone" class="fields" placeholder="Nummer" />
            <input type="text" name="email" id="email" class="fields" placeholder="Email" />
            <textarea name="comments" id="comments"class="area" placeholder="Skriv din besked her">
<input type="submit" name="submit" class="submiting" value="Send besked" />