var $=jQuery.noConflict();
var nombre = document.getElementById("nombre");
var correo = document.getElementById("correo");
var mensaje = document.getElementById("mensaje");


jQuery(document).on('click', '#enviar', function($)
{
    // If the value is less than 7, add a red border
    if($("#nombre").val().length < 1)
    {
        $(nombre).css("border", "3px solid red");
        $(".msgerror1").css("visibility", "visible");
    }
    else
    {
        $(nombre).css("border", "1px solid ");
        $(".msgerror1").css("visibility", "hidden");
    }

    if($("#correo").val().length < 1)
    {
        $(correo).css("border", "3px solid red");
        $(".msgerror2").css("visibility", "visible");
    }
    else
    {
        $(correo).css("border", "1px solid ");
        $(".msgerror2").css("visibility", "hidden");
    }

    if($("#mensaje").val().length < 1)
    {
        $(mensaje).css("border", "3px solid red");
        $(".msgerror3").css("visibility", "visible");
    }
    else
    {
        $(mensaje).css("border", "1px solid ");
        $(".msgerror3").css("visibility", "hidden");
    }

});