validacion de formulario

[juan_14nob]

Problemas en funciones y variables javascript. Les explico mi problema, estoy realizando una validacion javascript, estoy utilizando ajax.. lo que quiero hacer es un formulario de mensaje que envie y si un campo esta vacio o no cumple con las condiciones que se ponga el campo el borde de color rojo..el panel de firebug me dice este error:


Elemento referenciado por ID/NAME en el ámbito global. Use el estándar del W3C document.getElementById() en su lugar.
[Interrumpir en este error] var nombre=eliminaEspacios(form.nombre.value);

Elemento referenciado por ID/NAME en el ámbito global. Use el estándar del W3C document.getElementById() en su lugar.
[Interrumpir en este error] var email=eliminaEspacios(form.email.value);

Elemento referenciado por ID/NAME en el ámbito global. Use el estándar del W3C document.getElementById() en su lugar.
[Interrumpir en este error] var mensaje=eliminaEspacios(form.mensaje.value);

lo estoy haciendo de esta manera:

Código Javascript:

<script type="text/javascript">
onLoad=function(){
    clasenormal="inputnormal";
    claseError="inputError";
 
 
}
function limpiaForm()
{
    for(i=0; i<=4; i++)
    {
        form.element[i].className=claseNormal;
    }
    document.getElementById("nombre").className=claseNormal;
}
function campoError(campo)
{
    campo.className=claseError;
    error=1;
}
function eliminaEspacios(cadena)
{
    // Funcion para eliminar espacios delante y detras de cada cadena
    while(cadena.charAt(cadena.length-1)==" ") cadena=cadena.substr(0, cadena.length-1);
    while(cadena.charAt(0)==" ") cadena=cadena.substr(1, cadena.length-1);
    return cadena;
}
 
function validaForm()
{
    //limpiaForm();
    error=0;
 
    var nombre=eliminaEspacios(form.nombre.value);
    var email=eliminaEspacios(form.email.value);
    var mensaje=eliminaEspacios(form.mensaje.value);
 
    
    if(!validaLongitud(nombre, 1, 4, 50)) campoError(nombre);
    if(!validaLongitud(email, 1, 4, 50)) campoError(email);
    if(!validaLongitud(mensaje, 1, 4, 50)) campoError(mensaje);
 
    
    }
    
    function validaLongitud(valor, permiteVacio, minimo, maximo)
{
    var cantCar=valor.length;
    if(valor=="")
    {
        if(permiteVacio) return true;
        else return false;
    }
    else
    {
        if(cantCar>=minimo && cantCar<=maximo) return true;
        else return false;
    }
}
 

Código HTML:

<table >
        <form id="form" class="formuclaefwfew" method="POST" action="contac.php">
        <tr>
            <td class="tables">Nombre: </td>
            <td><input type="text" class="inputnormal" size="22" id="nombre"> </td>
        </tr>
        <tr>    
            <td class="tables">E-mail: </td>
            <td><input type="text" class="inputnormal" size="22" id="email" > </td>
            
        </tr>       
        <tr>
            <td class="tables">Comentario: </td>
            <td><textarea class="inputnormal" id="mensaje"></textarea><br/> </td>
        </tr>   
            
        </table>
            <input class="but" type="button" value="Enviar" onclick="validaForm();"></td>
            
            <input class="but" type="reset" value="Borrar" ></td>
            
        </form>