window.addEventListener("load",init,false);

function init(){

    var tab = {
        "name" : ['required','email'],
        "prenom" : ['required',6]
    }

    $('myForm').addEventListener("submit",goValider,false);
    $('myForm').reset();

    function goValider(e){
        e.preventDefault();
        valider(tab);
    }

    function valider(tab) {
        var cle, input, valeur, i=0,j,k,h;
        var invalide = new Array();

        for( cle in tab ) {
            input = $(cle);
            valeur = input.value;

            for( k = 0; k < tab[cle].length; k++){
                switch(tab[cle][k]) {
                    case "required" :
                        valide = isNotEmpty(valeur);
                        break;
                    case  "email" :
                        valide = isMail(valeur);
                        break;
                    default :
                        valide = limit(valeur,tab[cle][k]);
                        break;
                }

                if(!invalide.inArray(cle)){
                    if(!valide){
                        invalide[i] = cle;
                        i++;
                    }
                }
            }
        }

        if( invalide.length == 0 ) {
            alert("pas d'erreur on envoie les données");
        }else{
            for( j = 0; j < invalide.length; j++ ){
                $(invalide[j]).className = "error";
            }
            document.querySelector('.error').focus();
        }

    }

}

function $(id) {
    return document.getElementById(id);
}

function isNotEmpty(valeur) {
    return (valeur != "") ? true : false;
}

function limit(valeur,limit){
    return (valeur.length >= limit) ? true : false;
}

Array.prototype.inArray = function (value) {
    var i;
    for (i=0; i < this.length; i++) {
        if (this[i] == value) {
            return true;
        }
    }
}

function isMail(valeur) {
    var regMail = new RegExp("^[0-9a-z._-]+@{1}[0-9a-z._-]{2,}[.]{1}[a-z]{2,5}$","i");
    return regMail.test(valeur);
}