var bedrag1;
function remove_value(element){
    if(element.style.color == ""){
                element.style.color = "black";
                element.value = "";
            }
}

function tafel(el)
{
    el.value = el.value.replace(/[^0-9]/g, "");
    document.getElementById("aantal_tafels").innerHTML="0,00";
    bedrag1 = 12.50*el.value;
    document.getElementById("aantal_tafels").innerHTML="€ "+bedrag1.toFixed(2)+"";
}

$(document).ready(function(){
    $("#form").validate({
        rules: {
                naam: {
                        required: true,
                        minlength: 2
                },
                email: {
                        required: true,
                        email: true
                },
                telefoon: {
                        required: true,
                        minlength: 10,
                        number:true
                },
                straat: {
                        required: true,
                        minlength: 3
                },
                huisnummer: {
                        required: true,
                        minlength: 1,
                        number:true
                },
                postcode: {
                        required: true,
                        maxlength: 6,
                        minlength: 6
                },
                plaats: {
                        required: true,
                        minlength: 3
                },
                aantal_tafel: {
                        required: true,
                        minlength: 1,
                        number:true
                },
                aantal_luxe_tafel: {
                        required: true,
                        minlength: 1,
                        number:true
                }
        },
        //*********************//
        // Tekst van de Validation query //
        //*********************//
        messages: {
                naam: {
                        required: "Vul een naam in.",
                        minlength: "Naam moet minimaal 2 tekens lang zijn."
                },
                email: "Vul een geldig email adres in."
                ,
                telefoon: {
                        required: "Vul een telefoonnummer in.",
                        minlength: "Moet minimaal 10 cijfers bevatten.",
                        number: "Vul een telefoon<b>nummer</b> in."
                },
                straat: {
                        required: "Vul een straatnaam in.",
                        minlength: "Moet minimaal 3 letters zijn."
                },
                huisnummer: {
                        required: "Vul een huisnummer in.",
                        minlength: "Moet minimaal 1 cijfer bevatten.",
                        number: "Vul een huis<b>nummer</b> in."
                },
                postcode: {
                        required: "Vul een postcode in.",
                        maxlength: "Maximaal 6 karakters toegestaan.",
                        minlength: "Minimaal 6 karakters toegestaan."
                },
                plaats: {
                        required: "Vul een plaatsnaam in.",
                        minlength: "Moet minimaal 3 letters zijn."
                },
                aantal_tafel: {
                        required: "Vul aantal tafels in.",
                        minlength: "Moet minimaal 1 cijfer bevatten.",
                        number: "Het aantal tafels met een cijfer invullen."
                },
                aantal_luxe_tafel: {
                        required: "Vul aantal tafels in.",
                        minlength: "Moet minimaal 1 cijfer bevatten.",
                        number: "Het aantal tafels met een cijfer invullen."
                }
        }
});
});