| | 0votos | ||||||
| | |||||||
![]() |
| | LinkBack | Herramientas | Buscar en este tema |

function validarNombre (form) {
var n = form.nombre.value;
var imagen = document.getElementById('imgValNombre');
if (n == "" ){
form.nombre.style.border = "1px solid red";
imagen.src = 'button_cancel.png';
}
else
{
form.nombre.style.border = "1px solid green";
imagen.src = 'button_ok.png';
}
imagen.style.display = 'block';
}
</script>
<form action="mail.php" method="post">
<p>*Nombre y Apellido:
<input id="nombre" onblur="validarNombre(this.form)" style="BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; MARGIN-LEFT: 43px; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid" maxlength="50" size="40" name="nombre" /><img id="imgValNombre" style="display:none;" src="" alt="" />
</p>
<p>*Correo electrónico:
<input id="email" onblur="validarEmail(this.form)" style="BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; MARGIN-LEFT: 45px; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid" maxlength="50" size="40" name="email" />
</p>
<input class="boton" onclick="return validarCampos(this.form)" type="submit" value="Enviar" name="button" />
</form>

<script type="text/javascript">
function validarNombre () {
var n= document.jorge.nombre.value;
var i= document.getElementById("icono");
if (n == "" ){
i.style.background="url('no_valido.gif')";
}
else{
i.style.background="url('valido.gif')";
}
}
</script>
<form action="mail.php" method="post" name="jorge"> <p>*Nombre y Apellido: <input id="nombre" onblur="validarNombre()" style="BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; MARGIN-LEFT: 43px; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid;" maxlength="50" size="40" name="nombre" /><div id="icono"></div> </p> <p>*Correo electrónico: <input id="email" onblur="validarEmail()" style="BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; MARGIN-LEFT: 45px; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid;" maxlength="50" size="40" name="email" /> </p> <input class="boton" onclick="return validarCampos()" type="submit" value="Enviar" name="button" /> </form>
function validarNombre (form)
{
var n= form.nombre.value;
if( vacio(n) == false )
{
document.getElementById("errornombre").style.display="block";
document.getElementById("oknombre").style.display="none";
document.getElementById("errornombre").title="Debe ingresar un nombre";
}
else{
document.getElementById("errornombre").style.display="none";
document.getElementById("oknombre").style.display="block";
}
}
<form action="mail.php" method="post"> <p>*Nombre y Apellido: <input id="nombre" onblur="validarNombre(this.form)" style="BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; MARGIN-LEFT: 43px; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid" maxlength="50" size="40" name="nombre" /> <div id="oknombre"></div><div id="errornombre"></div> </p> <p>*Correo electrónico: <input id="email" onblur="validarEmail(this.form)" style="BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; MARGIN-LEFT: 45px; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid" maxlength="50" size="40" name="email" /><div id="okemail"></div><div id="erroremail"></div> </p> <p>*Mensaje:<br> <textarea id="textarea1" onblur="validarMensaje(this.form)" style="BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; MARGIN-LEFT: 176px; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid" name="mensaje" rows="5" cols="45"></textarea><div id="oktextarea"></div><div id="errortextarea"></div> </p> <br /> <br /> <input class="boton" onclick="return validarCampos(this.form)" type="submit" value="Enviar" name="button" /> </form>
![]() |
| Herramientas | Buscar en este tema |
| Califica este tema | |
| |
Este tema está relacionado con otros ya publicados en el sitio. Podés visitarlos ahora! | ||||
| Tema | Iniciado por | Foro | Resp. | Último mensaje |
| C/C++ Ayuda con funcion de validacion de datos | Killerspam007 | Programación | 5 | 16.12.2008 07:00 hs. |
| programa de validacion de datos | PALSAUDADE | Programación | 9 | 18.12.2007 01:33 hs. |
| javascript y bases de datos | sikamikan | Desarrollo Web | 3 | 17.07.2007 15:51 hs. |
| [Javascript] validacion de formularios | Just D | Desarrollo Web | 3 | 17.02.2006 15:18 hs. |
| Datos | PoetaCamba | Humor | 8 | 06.08.2002 14:55 hs. |
Ranking de temas y usuarios de este foro | ||||||
| Temas populares | Usuarios más activos | |||||
| ||||||