Problema con function validar

[jandrogdz]

Buenas foro.

Quiero que una function de javascript sea dinámica pero no me funciona mando el campo por parametro y al validar hago unos cambios de estilo para hacer notar si es correcto el valor o no.

esta es mi function:

Código Javascript:

function texto(campo) {
    var idCampo = campo.id;
    //alert(idCampo);
    var RegExPattern = /[A-Za-z]/;
    if ((campo.value.match(RegExPattern)) && (campo.value!='')) {
        if(tiene_numeros(campo.value) == 0){
            document.formprovedo.categoria.style.borderColor = "#5f9a24";
            document.formprovedo.categoria.style.backgroundColor="#a6cc80";
        }
        else{
            document.formprovedo.categoria.style.backgroundColor="#d15353";
            document.formprovedo.categoria.style.borderColor = "#c20000";
            campo.focus();
            campo.value = "";
        }
    } else {
        document.formprovedo.categoria.style.backgroundColor="#d15353";
        document.formprovedo.categoria.style.borderColor = "#c20000";
        campo.focus();
        campo.value = "";
    }
}
 

en donde cambio el estilo si coloco:
document.formprovedo.idCampo .style.backgroundColor
o
document.formprovedo.idCampo .style.borderColor
No funciona alguien me puede ayudar.

[maycolalvarez]

intenta con:

document.forms['formprovedo'].elements['nameCampo'].style....etc

recuerda que el objeto form tiene asociados los campos por el NAME, no por el ID

[jandrogdz]

Gracias por contestar.

Y como puedo obtener el nombre del campo.
Si para el id es campo.id.
Para el name como seria ya intente de todo lo que se de javascript y nada.

[maycolalvarez]

campo.name

las excepciones en los atributos son el class que JS lo ve como campo.className y el CamelCase de los atributos CSS en el objeto style