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 + "_label").style.color = "#FFFFFF";
               // document.getElementById(fieldName + "_error").style.display = "none";
        }

        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 + "_label").style.color = "#F00000";
                document.getElementById(fieldName + "_error").style.display = "inline";
                document.getElementById(fieldName + "_error").innerHTML = errorInfo[i][1];
        }

        // 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;
       
}

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 + "_label").style.color = "#FFFFFF";
               // document.getElementById(fieldName + "_error").style.display = "none";
        }

        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 + "_label").style.color = "#F00000";
                document.getElementById(fieldName + "_error").style.display = "inline";
                document.getElementById(fieldName + "_error").innerHTML = errorInfo[i][1];
        }

        // 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;
       
}

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 + "_label").style.color = "#FFFFFF";
               // document.getElementById(fieldName + "_error").style.display = "none";
        }

        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 + "_label").style.color = "#F00000";

        }

        // 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,name1,",
        "required,email1,",
		"valid_email,email1,"
];

var from2 = [
        "required,name2,",
        "required,email2,",
		"valid_email,email2,"
];

var from3 = [
        "required,name,",
        "required,email,",
		"valid_email,email,"
		
];