/*
    Kleine plugin om formulieren te valideren in jQuery
    ---------------------------------------------------
    Usage:

    $("form").validate();

    Als het formulier nu verzonden wordt, worden:
    - alle elementen met class 'required' gecontroleerd of ze niet leeg zijn.
    - alle input-elementen met class 'e-mail' gecontroleerd of ze geldig zijn.
*/

jQuery.fn.validate = function() {
    $(this).submit(function() {
        // Kijk of het veld is ingevuld:
        var ok = true;
        $(".required", this).each(function() {
            $(this).removeClass("error");
            if ($(this).val() == '') {
                ok = false;
                $(this).addClass("error");
            }
        });
        if(!ok)
        {
            alert('Niet alle verplichte velden zijn ingevuld!');
            return false;
        }
        // Kijk of het e-mail adres geldig is:
        $("input.e-mail", this).each(function(){
            $(this).removeClass("error");
            var pattern = /^\w(?:\.?[\w%+-]+)*@\w(?:[\w-]*\.)+?[a-z]{2,}$/i;
            if(!pattern.test($(this).val()))
            {
                ok = false;
                $(this).addClass("error");
            }
        });
        if(!ok)
        {
            alert('Niet alle ingevulde e-mail adressen zijn correct!');
            return false;
        }
    });
}