function myCustomErrorDisplayFunction1(f, errorInfo)
{
        // disabled all errors by default
        for (var i=0; i<from1.length; i++)
        {
                var parts = from1[i].split(",");
                var fieldName = parts[1];

                document.getElementById(fieldName + "_err").style.color = "#FFFFFF";
        }

        for (var i=0; i<errorInfo.length; i++)
        {
                var fieldName;

                // radio button
                if (errorInfo[i][0].type == undefined)
                        fieldName = errorInfo[i][0][0].name;
                else
                        fieldName = errorInfo[i][0].name;

                // display the error
                document.getElementById(fieldName + "_err").style.color = "#A60623";
        }

        // normally, we'd do something like this: only return TRUE if there were no errors.
        // but this is just a demo. so it's commented out.
        return (errorInfo.length == 0) ? true : false;
       
}

var from1 = [
		"required,name,",
		"required,tel,",
		"digits_only,tel,",
		"digits_only,mobile,",
        "required,email,",
		"valid_email,email,",
		"required,comment,",
		"required,security,"
];

function myCustomErrorDisplayFunction2(f, errorInfo)
{
        // disabled all errors by default
        for (var i=0; i<from2.length; i++)
        {
                var parts = from2[i].split(",");
                var fieldName = parts[1];

                document.getElementById(fieldName + "_err").style.color = "#FFFFFF";
        }

        for (var i=0; i<errorInfo.length; i++)
        {
                var fieldName;

                // radio button
                if (errorInfo[i][0].type == undefined)
                        fieldName = errorInfo[i][0][0].name;
                else
                        fieldName = errorInfo[i][0].name;

                // display the error
                document.getElementById(fieldName + "_err").style.color = "#A60623";
        }

        // normally, we'd do something like this: only return TRUE if there were no errors.
        // but this is just a demo. so it's commented out.
        return (errorInfo.length == 0) ? true : false;
       
}

var from2 = [
		"required,name,",
		"required,model,",
		"required,reg,",
		"required,date,",
		"required,tel,",
		"digits_only,tel,",
		"digits_only,mobile,",
        "required,email,",
		"valid_email,email,",
		"required,comment,",
		"required,security,"
];

function myCustomErrorDisplayFunction3(f, errorInfo)
{
        // disabled all errors by default
        for (var i=0; i<from3.length; i++)
        {
                var parts = from3[i].split(",");
                var fieldName = parts[1];

                document.getElementById(fieldName + "_err").style.color = "#FFFFFF";
        }

        for (var i=0; i<errorInfo.length; i++)
        {
                var fieldName;

                // radio button
                if (errorInfo[i][0].type == undefined)
                        fieldName = errorInfo[i][0][0].name;
                else
                        fieldName = errorInfo[i][0].name;

                // display the error
                document.getElementById(fieldName + "_err").style.color = "#A60623";
        }

        // normally, we'd do something like this: only return TRUE if there were no errors.
        // but this is just a demo. so it's commented out.
        return (errorInfo.length == 0) ? true : false;
       
}

var from3 = [
		"required,name,",
		"required,amount,",
		"digits_only,amount,",
		"required,tel,",
		"digits_only,tel,",
		"digits_only,mobile,",
        "required,email,",
		"valid_email,email,",
		"required,security,"
];