Código:
function valida_form (){
var filter_nome = /^([a-zA-Zà-úÀ-Ú0-9]|-|_|\s)+$/ ;
if(!filter_nome.test(document.getElementById("input_nome_cad").value)){
document.getElementById("input_nome_cad").value='';
document.getElementById("input_nome_cad").placeholder = "Nome inválido";
document.getElementById("input_nome_cad").focus();
document.getElementById("input_nome_cad").style.borderColor = "#ff0000";
document.getElementById("input_nome_cad").style.outline = "#ff0000";
return false;}
}
O código acima faz uma verificação em um "input text", caso o campo não seja válido, as alterações no estilo são realizadas.
No entanto, após realizar o preenchimento correto do campo e saltar para o próximo, o campo onde o estilo foi alterado permanece alterado, como voltar ao estilo original, após o preenchimento correto do campo ?