Lo que quiero hacer es lo siguiente.
Código HTML:
http://www.desarrolloweb.com/articulos/ejemplos/javascript/validar-fomulario.html
Completen los datos, como veran al completar todo y oprimir enviar, por mas que el boton es type=button hace una recarga de la pagina como si fuese que se esta enviando la pagina. El problema es que quiero hacer lo mismo y no me funciona:S.
// el formulario se envia
alert("Muchas gracias por enviar el formulario");
document.validacion.submit();
No puedo poner el codigo completo porque no entra, y si lo subo a rapidshare dicen que lo pegue aca. pero no permiten pegar codigos muy largos.
Ahi va una porcion de codigo, la mas importante digamos:
Archivo altaUsuario.php
Código PHP:
<html>
<head>
<title>Registro de Socios</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="CSS/estiloRegistro.css" media="screen">
<link rel="stylesheet" type="text/css" media="all" href="JavaScript/JS Calendar-1.0/skins/aqua/theme.css">
<script type="text/javascript" src="JavaScript/validacion.js"></script>
<script type="text/javascript" src="JavaScript/JS Calendar-1.0/calendar.js"></script>
<script type="text/javascript" src="JavaScript/JS Calendar-1.0/lang/calendar-es.js"></script>
<script type="text/javascript" src="JavaScript/JS Calendar-1.0/calendar-setup.js"></script>
<script type="text/javascript">
window.onload = function() {
Calendar.setup({
inputField: "fecha",
ifFormat: "%d / %m / %Y",
button: "selector"
});
}
</script>
// Asi empieza el formulario.
<form method="post" name="validacion">
<ul>
<li class="izquierda">
<label class="titulo" for="usuario">Datos personales: <span class="requerido">*</span></label>
<div></div>
// Asi termina el formulario
<input id="alta" type="button" name="enviar_registro" value="Darme de alta →" onClick="muestra_error();">
<input type="reset" name="submit" value="Restablecer"> </li>
</ul>
</form>
Y el codigo javascript validacion.js
function permite(elEvento, permitidos, maxCaracter, nombreId) {
}
function actualizaInfo(maxCaracter, id, nombreId) {
}
function muestraOculta(id, nombreId) {
}
function muestra_error() {
// Validación de Usuario
valor = document.getElementById("nombre").value;
if (valor == null || valor.length == 0 || /^\s+$/.test(valor)) {
alert("Complete su identificación como Usuario por favor.");
document.validacion.idUsuario.focus();
return 0;
}
// Validación del Año de Nacimiento
// Validación del Teléfono
// Todas las validaciones.. y cuando llego al final, es decir todo correcto (lo anterior anda todo perfecto), va esto
// el formulario se envia
alert("Muchas gracias por enviar el formulario");
document.validacion.submit();
}
El problema es que no logo hacer que recargue la pagina, como en el ejemplo que pase al principio. Si en el <form pongo el action="index.php" por ej tampoco anda. CACAROTO APARECE :P jeje