color en texbox cuando envien un form y los campos requeridos esten vacios

[ralosoft]

Como puedo hacer que los campos que tengo como requeridos se les haga un marco de color despues de tratar de enviar el form incompleto. o igualmente si existe alguna otra posibilidad, como que si se brincan el campo si llenarlo este se pinte de algun color, de antemano gracias por su ayuda!!!

[richerweb]

Debes tener un boton de enviar, por ejemplo

<input type=text name=nombre id=nombre>
<input type=button value=enviar onclick=verifica();>

La funcion verifica, hace lo siguiente:

function verifica()
{
if(document.elnombredelform.nombre.value == "")
{
alert("El campo nombre esta vacio");
//y aqui viene la respuesta a tu pregunta
document.getelementsbyid("nombre").style.backgroun dcolor = "red";
return;
}
}

Asi de fácil y sencillo, lo quieres mas complicado,

Tienes tres campos, nombre, apellidos y telefono

cuando llegas a apellido, preguntas:

<input type=text name=apellido onfocus="if(document.form.nombre.value==''{documen t.getelementsbyid"nombre").style.
backgroundcolor = "red"; document.form.nombre.focus(); return;})">

Esto lo que te hace es que cuando llega al campo, verifica lo que esta inmediatamente anterior, imagina que tienes 10 campos, el usuario da click en el campo 10, pregunta si el 9 esta vacio, si esta vacio, con focus() lo posiciona en el campo 9, pero cuando el cursor se pone en el campo 9, pregunta, el campo 8 esta vacio, si, entonces ponte en el 7, asi hasta llegar al primero.

Puedes comvinar estas dos funciones la primera, supon que llego el siete y pregunta, el campo 6 no esta vacio, pero el campo 5 si lo esta, la funcion ya no llega hasta el campo 5, por que el 6 si tiene valor, por lo tanto el 5 se queda vacio, para eso crear la funciona verifica(), donde tienes que checar campo por campo cual esta lleno, si todos estan llenos envia la funcion, si uno esta vacio, mandalo directamente a ese campo para que lo llene, esto lo haces con

document.form.campoX.focus();

Recuerda que

Necesitas el nombre del formulario
Las funciones van dentro del tag <script> y </script>
Los input no deben tener stylo de background predefinido de lo contrario no lo cambia.

Bien, saludos y avisame como quedo, no debes tener problemas con estas indicaciones.

[ralosoft]

que tal gracias amigo por contestar, ya lo estoy implementando solo que tengo un error que me dice que el objeto no acepta esa propiedad o metodo, ahorita seguire checando a ver si hay algun error por ahi de que onda, gracias por tus atenciones.

saludos!!!

[ralosoft]

Ya quedo, la siguiente linea necesita que se le cambien algunas cosas

document.getelementsbyid("nombre").style.backgroun dcolor = "red";

quedaria asi!!!

document.getElementById('nombre').style.background Color= "red";

igualmente yo en lugar de ponerle fondo a la caja de texto le puse un marco rojo solamente, le da buena vista, seria modificando esa linea.

document.getElementById('nombre').style.border = 'thin solid #FF0000';


Comento que los cambios fueron solo de letras minusculas a mayusculas y el credito principal de nuestro colega richerweb.
saludos!!!

[richerweb]

orales, tienes razon, ademas viendolo bien, le habia puesto una "s" de mas al getelement

que bueno que te sirvio.


saludos