![Antiguo](http://static.forosdelweb.com/fdwtheme/images/statusicon/post_old.gif)
16/08/2007, 13:56
|
| | Fecha de Ingreso: febrero-2003 Ubicación: D.F.
Mensajes: 74
Antigüedad: 22 años Puntos: 0 | |
Re: color en texbox cuando envien un form y los campos requeridos esten vacios 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.
__________________ Nos leemos...
Richer
Is 40:31 1Co 16:22 |