Проверка формы на чистом js, без jquery.
При проверке меняется цвет границ input’ов.
Функцию объявляем для формы на вот так onsubmit=»return checkForm();» .
Саму форму не стал писать, думаю разберетесь, по коду видно какие поля проверяем.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
function checkForm(){
        var fio = document.getElementById('Fio').value;
        var mail = document.getElementById('Mail').value;
        var phone = document.getElementById('Phone').value;
        var message = document.getElementById('Message').value;

        var r = /^[\w\.\d-_]+@[\w\.\d-_]+\.\w{2,4}$/i;

        if(fio!='' && mail!='' && r.test(mail) && phone!='' && message!=''){
            return true;
        }else{
            if(fio==''){
                document.getElementById('Fio').style.border = "1px solid red";
            }else{
                document.getElementById('Fio').style.border = "1px solid #e0e0e0";
            }
            if(mail==''){
                document.getElementById('Mail').style.border = "1px solid red";
            }else if(!r.test(mail)) {
                document.getElementById('Mail').style.border = "1px solid red";
            }else{
                document.getElementById('Mail').style.border = "1px solid #e0e0e0";
            }
            if(phone==''){
                document.getElementById('Phone').style.border = "1px solid red";
            }else{
                document.getElementById('Phone').style.border = "1px solid #e0e0e0";
            }
            if(message==''){
                document.getElementById('Message').style.border = "1px solid red";
            }else{
                document.getElementById('Message').style.border = "1px solid #e0e0e0";
            }
            return false;
        }
    }