﻿var warningColor = '#c34d18';
var normalColor = 'White';
var formDefaultColor = "#ccd3d5";
var formActiveColor = "#252435";

function validate(theForm) {
    var reason = "";

    reason += validateEmail(theForm.email);
    reason += validateEmptyOrDefault(theForm.name);
    reason += validateEmptyOrDefault(theForm.details);
    if (reason != "") {
        alert("Some fields need correction:\n" + reason);
        return false;
    }

    return true;
}

function validateEmptyOrDefault(fld) {
    var error = "";

    if (fld.value.length == 0) {
        fld.style.background = warningColor;
        error = "The required field has not been filled in.\n";

    }
    else if (fld.defaultValue == fld.value) {
        fld.style.background = warningColor;
        error = "Missing: " + fld.defaultValue + "\n";
    }
    else {
        fld.style.background = normalColor;
    }
    return error;
}

function trim(s) {
    return s.replace(/^\s+|\s+$/, '');
}

function validateEmail(fld) {
    var error = "";
    var tfld = trim(fld.value);                        // value of field with whitespace trimmed off
    var emailFilter = /^[^@]+@[^@.]+\.[^@]*\w\w$/;
    var illegalChars = /[\(\)\<\>\,\;\:\\\"\[\]]/;

    if (fld.value == "") {
        fld.style.background = warningColor;
        error = "You didn't enter an email address.\n";
    } else if (!emailFilter.test(tfld)) {              //test email for illegal characters
        fld.style.background = warningColor;
        error = "Please enter a valid email address.\n";
    } else if (fld.value.match(illegalChars)) {
        fld.style.background = warningColor;
        error = "The email address contains illegal characters.\n";
    } else {
        fld.style.background = normalColor;
    }
    return error;
}

function clearField(element) {
    if (element.defaultValue == element.value) {
        element.value = "";
        element.style.color = formActiveColor;
    }
}

function resetField(element) {
    if (element.value == "") {
        element.value = element.defaultValue;
        element.style.color = formDefaultColor;
    }
}

function validatePhone(fld) {
    var error = "";
    var stripped = fld.value.replace(/[\(\)\.\-\ ]/g, '');

    if (fld.value == "") {
        error = "You didn't enter a phone number.\n";
        fld.style.background = warningColor;
    } else if (isNaN(parseInt(stripped))) {
        error = "The phone number is not valid.\n";
        fld.style.background = warningColor;
    } 
//    else if (!(stripped.length == 10)) {
//        error = "The phone number is the wrong length. Make sure you included an area code.\n";
//        fld.style.background = warningColor;
//    }
    return error;
}
