como validar un formulario sin el alert()

AprendisInquicitivo · #1 (**permalink**) 01/05/2011, 10:48

hola soy nuevo en el campo de la programacion y m,e gustaria como validar un formulario sin el tipico alert() y si puedendarme un ejemplo de ello mi formulario es este
<html>
<head>

</head>
<body>
<form name="form7" action="registro.php" method="post" id="form1">
<table>
<tr><td id="nom">Nombres</td><td><input type="text" name="nomb"></td></tr>
<tr><td>Apellidos</td><td><div id="campo1"><input type="text" name="apell"></div></td></tr>
<tr><td>Correo</td><td><input type="text" name="corr"></td></tr>
<tr><td>Contraseña</td><td><input type="password" name="contrase"></td></tr>
<tr><td>Confirmación de Contraseña</td><td><input type="password" name="ccontrase"></td></tr>
<tr><td>Genero</td><td><select name="genero"><option>Masculino</option><option>Femenino</option ></select></td></tr>
<tr><td>fecha de nacimiento</td><td>Dia<br><input type='text' size='2' name='dia'></td><td> Mes<br><input type="text" size="10"></td><td>Año<br> <input type="text" size="4"></td></tr>
</table>

<input type="submit" value="registrar" name="registro" onclick="ocultar();">
</form>

</body>
</html>

que pena por molestarlso y gracias si me ayudan a solucionar esta duda

Lautaro_eb · #2 (**permalink**) 01/05/2011, 11:04

Si nos dos el script ?
Si no quieres mostar los mensajes por aler crea un div y usa innerHTML

AprendisInquicitivo · #3 (**permalink**) 01/05/2011, 11:51

me puedes dar un ejemplo pliss

Lautaro_eb · #4 (**permalink**) 01/05/2011, 13:17

me muestras los scripts asi te puedo alludar ?

AprendisInquicitivo · #5 (**permalink**) 01/05/2011, 16:09

pues asi esta completo mi programa

<html>
<head>
<script>
function validar(f)
{
document.getElementByld("campo1").innerHTML="este campo no a sido llenado debidamente";
}
</script>
</head>
<body>
<form name="form7" class="nover" action="registro.php" method="post" id="form1">
<table>
<tr><td id="nom">Nombres</td><td><div id="campo1"><input type="text" name="nomb"></div></td></tr>
<tr><td>Apellidos</td><td><div id="campo1"><div id="campo1"><input type="text" name="apell"></div></div></td></tr>
<tr><td>Correo</td><td><div id="campo1"><input type="text" name="corr"></div></td></tr>
<tr><td>Contraseña</td><td><div id="campo1"><input type="password" name="contrase"></div></td></tr>
<tr><td>Confirmación de Contraseña</td><td><div id="campo1"><input type="password" name="ccontrase"></div></td></tr>
<tr><td>Genero</td><td><div id="campo1"><select name="genero"><option>Masculino</option><option>Femenino</option ></select></div></td></tr>
<tr><td>fecha de nacimiento</td><td>Dia<br><div id="campo1"><input type='text' size='2' name='dia'></div></td><td> Mes<br><div id="campo1"><input type="text" size="10"></div></td><td>Año<br><div id="campo1"><input type="text" size="4"></div></td></tr>
</table>

<input type="submit" value="registrar" name="registro" onclick="validar(f)">
</form>
</body>
</html>

Lautaro_eb · #6 (**permalink**) 01/05/2011, 16:22

Antes que nada usa las etiquetas bbcod que trae el foro sino cuesta demasiado leer el contenido.
y para validar deve verificar que cada campo del formulario no este vacio.
Yo pondria un div con el id del input alado.

Código Javascript:

Ver originalfunction validar(){
//Verifica que el el elemento del formulario tenga mas de 0 letras
if(document.form['nombreform'].elements['noombreelemente'].value.length > 0){
return true;
}
else{
documente.getElementById('noombreelemente').innerHTML = "No as rellenado el campo";
return false;
}

caricatos · #7 (**permalink**) 02/05/2011, 15:27

Hola:

De paso vendría bien que supieras mejor la técnica de las validaciones: El abc de los formularios... se usa el evento submit (onsubmit), y se cancela con el valor false (return false)...

Creo que las alertas son buenas en estos casos, porque como verdadera ventana modal que es (no confundir con las lightbox, que no lo son), detienen el flujo de ejecución de la página, y realmente pueden alertar de algo mal hecho.

Como alternativa, no siempre sea bueno generar nuevas etiquetas, sino tenerlas y simplemente mostrarlas "con estilo".

Saludos

AprendisInquicitivo · #8 (**permalink**) 02/05/2011, 18:00

Cita:

Iniciado por Lautaro_eb

Antes que nada usa las etiquetas bbcod que trae el foro sino cuesta demasiado leer el contenido.
y para validar deve verificar que cada campo del formulario no este vacio.
Yo pondria un div con el id del input alado.

Código Javascript:

Ver originalfunction validar(){
//Verifica que el el elemento del formulario tenga mas de 0 letras
if(document.form['nombreform'].elements['noombreelemente'].value.length > 0){
return true;
}
else{
documente.getElementById('noombreelemente').innerHTML = "No as rellenado el campo";
return false;
}

ufff gracias por ese dato mil gracias ya termine pero ahora nesecito qeu cambie de idioma pero gracias por el dato XD

AprendisInquicitivo · #9 (**permalink**) 02/05/2011, 18:01

Cita:

Iniciado por caricatos

Hola:

De paso vendría bien que supieras mejor la técnica de las validaciones: [URL="http://www.caricatos.net/articulos/formularios.php"]El abc de los formularios[/URL]... se usa el evento submit (onsubmit), y se cancela con el valor false (return false)...

Creo que las alertas son buenas en estos casos, porque como verdadera ventana modal que es (no confundir con las lightbox, que no lo son), detienen el flujo de ejecución de la página, y realmente pueden alertar de algo mal hecho.

Como alternativa, no siempre sea bueno generar nuevas etiquetas, sino tenerlas y simplemente mostrarlas "con estilo".

Saludos

heheheh gracias por el articulo del abc delos formularios me sirve bastante

cadid · #10 (**permalink**) 03/05/2011, 07:20

Hola a todos, con el html5 ya no harà falta el uso de javascript para segun que validaciones

Supongo que pero, almenos hasta passado almenos el 2011, la cosa no se extenderà demasiado

[URL="http://diveintohtml5.org/forms.html"]http://diveintohtml5.org/forms.html[/URL]
[URL="http://cssgallery.info/a-third-way-to-write-and-validate-forms-html5/"]http://cssgallery.info/a-third-way-to-write-and-validate-forms-html5/[/URL]