Foros del Web » Creando para Internet » HTML »

::Boton no envia formulario::

Estas en el tema de ::Boton no envia formulario:: en el foro de HTML en Foros del Web. Mi problema es el siguiente tengo una script JS que me sirve para validar un formulario y cuando submiteo el boton no hace nada , ...
  #1 (permalink)  
Antiguo 17/09/2007, 20:22
Avatar de Javo2k  
Fecha de Ingreso: octubre-2005
Ubicación: San Salvador -El Salvador
Mensajes: 68
Antigüedad: 12 años, 1 mes
Puntos: 0
::Boton no envia formulario::

Mi problema es el siguiente tengo una script JS que me sirve para validar un formulario y cuando submiteo el boton no hace nada , la validacion si la hace pero cuando ya ha hecho todo no lo manda

Cita:
<input name="enviar" type="button" id="enviar" value=">>Crear<<" onclick="Validar()" />
Llamese validar a la funcion que valida el formulario

mi html es el siguiente

Cita:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Agregar Nuevo Estudiante</title>
<script src="municipios.js"></script>
<link rel="stylesheet" href="main.css" type="text/css">
<style type="text/css">
<!--
.Estilo2 { font-family: "Courier New", Courier, mono;
font-size: xx-large;
font-weight: bold;
color: #000000;
}
.Estilo14 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #009900; }
.Estilo15 {font-size: 12px}
.Estilo16 {color: #009900; font-family: Arial, Helvetica, sans-serif;}
-->
</style>
<style type="text/css">
<!--
.style1 {color: #003399}
.style3 {
color: #003399;
font-weight: bold;
font-size: 12px;
}
.pgdiv {
width:320;
height:250;
background:#E9EFF4;
border:1px solid #C4D5E3;
padding:10px;
margin-bottom:20;
font-family:arial;
font-size:12px;
}
</style>
</head>

<body>
<center>
<table width="400" border="0" align="center" bgcolor="#FFFFFF">
<tr>
<td width="199"><img src="educame.PNG" alt="Educame" width="119" height="40" align="left" /></td>
<td width="191" height="50"><img src="ufg.png" alt="ufg" width="60" height="70" align="right" /> </td>
</tr>
</table>
</center>
<table width="400" border="0" align="center" bgcolor="#FFFFFF">
<tr>
<td height="70"><hr width="390" color="#000000" /></td>
</tr>
</table>
<form id="dato" name="dato" method="post" action="Alumno_agregar2.jsp">
<table width="400" border="0" align="center" bgcolor="#FFFFFF">
<tr>
<td height="5" align="center"><span class="Estilo2">REGISTRO DE NUEVO ESTUDIANTE </span></td>
</tr>
</table>
<table width="475" border="0" align="center" cellpadding="5">
<tr>
<td width="88" class="Estilo14">Nombres:</td>
<td width="270"><input name="nombre" type="text" id="nombre" size="40" onKeyPress='return acceptcar(event)'/></td>
<td width="24">&nbsp;</td>
</tr>
<tr>
<td class="Estilo14">Apellidos:</td>
<td><input name="apellido" type="text" id="apellido" size="40" onKeyPress='return acceptcar(event)'/></td>
<td>&nbsp;</td>
</tr>
<tr>
<td class="Estilo14">Fecha de nacimiento (dd/mm/aaaa) : </td>
<td><input name="fecha" type="text" id="fecha" size="35" onBlur="valFecha(this)" /></td>
<td><div align="center"></div></td>
</tr>
<tr>
<td class="Estilo14">Sexo:</td>
<td><span class="Estilo14">Masculino:
<input name="sexo" type="radio" value="masculino" />
Femenino:
</span>
<input name="sexo" type="radio" value="femenino" /></td>
<td>&nbsp;</td>
</tr>
<tr>
<td class="Estilo14">Estado Civil </td>
<td><select name="estado" id="estado">
<option>----------------------</option>
<option>Soltero</option>
<option>Acompa&ntilde;ado</option>
<option>Casado</option>
<option>Viudo</option>
</select> </td>
<td>&nbsp;</td>
</tr>
<tr>
<td class="Estilo14">Pais:</td>
<td><select name="pais" id="pais">
<option>El Salvador</option>
<option>Guatemala</option>
<option>Nicaragua</option>
<option>Honduras</option>
<option>Costa Rica</option>
<option>Otro</option>
</select> </td>
<td>&nbsp;</td>
</tr>
<tr>
<td class="Estilo14">Departamento</td>
<td><select name="depto" onChange="populateCountry(document.dato,document.d ato.depto.options[document.dato.depto.selectedIndex].value)">
<option value = "0">&lt;--------------------</option>
<option value="SanSalvador">San Salvador</option>
<option value="Sonsonate">Sonsonate</option>
<option value="SantaAna">Santa Ana</option>
<option value="Ahuachapan">Ahuachapan</option>
<option value="Chalatenango">Chalatenango</option>
<option value="LaLibertad">La Libertad</option>
<option value="Cabañas">Cabañas</option>
<option value="Cuscatlan">Cuscatlan</option>
<option value="LaPaz">La Paz</option>
<option value="SanVicente">San Vicente</option>
<option value="Usulutan">Usulutan</option>
<option value="Morazan">Morazan</option>
<option value="SanMiguel">San Miguel</option>
<option value="LaUnion">La Union</option>
</select></td>
<td>&nbsp;</td>
</tr>
<tr>
<td class="Estilo14">Municipio</td>
<td><select name="muni" onChange="verifyInput('document.dato.muni','docume nt.dato.muni1'),populateUSstate(document.dato.docu ment.dato.muni.options[document.dato.muni.selectedIndex].text)">
<option value>&lt;--------------------</option>
</select></td>
<td>&nbsp;</td>
</tr>
<tr>
<td class="Estilo14">Direccion:</td>
<td><textarea name="direccion" cols="45" rows="8" id="direccion"></textarea></td>
<td>&nbsp;</td>
</tr>
<tr>
<td class="Estilo14">Telefono:</td>
<td><input name="telefono" type="text" id="telefono" size="35" maxlength="8" onKeyPress='return acceptNum(event)'/></td>
<td>&nbsp;</td>
</tr>
<tr>
<td class="Estilo14">DUI:</td>
<td><input name="DUI" type="text" id="DUI" size="35" maxlength="10" onKeyPress='return acceptNum(event)'/></td>
<td><div align="center"></div></td>
</tr>
<tr>
<td class="Estilo14">NIT:</td>
<td><input name="NIT" type="text" id="NIT" size="35" onKeyPress='return acceptNum(event)'/></td>
<td>&nbsp;</td>
</tr>
<tr>
<td class="Estilo14">Profesion:</td>
<td><input name="profesion" type="text" id="profesion" size="35" /></td>
<td>&nbsp;</td>
</tr>
<tr>
<td class="Estilo14">Lugar de Trabajo </td>
<td><input name="lugar" type="text" id="lugar" size="35" /></td>
<td>&nbsp;</td>
</tr>
<td><p align="center">&nbsp;
</p>
<p align="center">
<input type="reset" name="Reset" value="&gt;&gt;Limpiar&lt;&lt;" />
</p></td>
<td>
<p>&nbsp; </p>
<p>
<input name="enviar" type="button" id="enviar" value=">>Crear<<" onclick="Validar()" />
</p>
</td>
</table>
</form>
</body>
</html>
Por mas que intento e intento no se que sucede el js script tiene aparte de esa validacion de form una de fechas, otro de los select combinados y la de aceptacion de caracteres y numeros

No se alguien me podria ayudar quizas tengo algo en el html problema
__________________
sAn SiVar - cUlTuRa cHuPiStIka
  #2 (permalink)  
Antiguo 18/09/2007, 02:13
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.544
Antigüedad: 15 años, 8 meses
Puntos: 1262
Re: ::Boton no envia formulario::

Hola:

El tipo de botón que hace submit es el type="submit", y el tuyo es type="button"

Y la forma correcta de validar un formulario es desde el propio evento submit del tag form devolviendo false para la cancelación:

<form onsubmit="return validar(this)" ...

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #3 (permalink)  
Antiguo 18/09/2007, 10:58
Avatar de buzu  
Fecha de Ingreso: octubre-2006
Ubicación: San Francisco, CA
Mensajes: 2.168
Antigüedad: 11 años, 1 mes
Puntos: 122
Re: ::Boton no envia formulario::

Hi....
Balla, que chorizote.... Pero me temo que seria mas útil si pones la función que valida el formulario. Por otro lado es posible enviar el formulario desde un simple botón como lo estas haciendo pero no es una buena practica ya que fallara si no hay js en el cliente. Lo que dice caricatos en lo mejor....
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 20:06.