Efecto borde sobre input

[LionBlack]

Buenas!

perdonad por el post, quizas ya este resuelto por la web pero no sabia muy bien como buscarlo. Bueno dicho esto, tengo el siguiente codigo para validar, muy cutre pero por ir pillando ritmo.

function valida_form(){
//valido el nombre
if (document.form_validar.nombre.value.length==0){
alert("Tiene que escribir su nombre")
document.form_validar.nombre.style.border='1px solid red'
}
}

Lo que quiero hacer es si no tiene datos en vez del alert que me aparezca un borde rojo y la cosa es que me aparece xD, lo unico que pasa es que al salir de la funcion el borde se quita y vuelve todo a su estado normal. ¿Alguien me puede hechar una mano?

Gracias de antemano y Saludos.

[ocp001a]

Si tu función es tal cual no debería volver a su estilo normal a menos que haya otra instrucción que así lo indique, y en el código que pones no la veo. Una sugerencia: cuando des el fallo, es buena idea colocar el foco en el campo verificado, en tu caso algo como:
document.form_validar.nombre.focus(); para que el cliente teclee directamente sobre el campo faltante.

[LionBlack]

gracias por contestar, pues si lo unico que tengo es eso. La linea del input es esta.

<td><input type='text' name='nombre' value='< Nombre >' style='border:none;height:25px' onfocus='quitar_datos()'></td>

¿no deberia volver verdad? javascript se ejecuta a lo ultimo, no entiendo, es como si se recargase la web y no tengo nada literalmente, solamente un form y etiquetas basicas html body xDD.

Un saludo

[chulifo]

Iniciado por LionBlack

gracias por contestar, pues si lo unico que tengo es eso. La linea del input es esta.

<td><input type='text' name='nombre' value='< Nombre >' style='border:none;height:25px' onfocus='quitar_datos()'></td>

¿no deberia volver verdad? javascript se ejecuta a lo ultimo, no entiendo, es como si se recargase la web y no tengo nada literalmente, solamente un form y etiquetas basicas html body xDD.

Un saludo

Quizas asi ?

Código HTML:

<td><input type='text' name='nombre' id="dondeestanlosdatos" value='< Nombre >' style='border:none;height:25px' onfocus='quitar_datos()'></td>
 

Código Javascript:

document.getelementbyid('dondeestanlosdatos').style.border='TUESTILO';