Bueno tengo un formulario para envio de inscripciones, posee una tabla dinamica en javascript que añade automáticamente un nodo para ingresar datos de otra inscripción. por cada uno de los nodos he podido poner un submit que envia solo los datos del mismo nodo; mas no de los demas. El problema está en que el botón de inscribir grupo; que tendría que enviar todos los datos de los nodos no me sirve.
Por otra parte tampoco me valida los datos del formulario,
Además al dar click en los Checkbox tendria que ir sumando en donde dice total los value de los mismos lo cual tampoco sucede.
porfavor pido ayuda.
De veras muchas gracias.
Gabriel.
Adjunto Codigo:
<meta name="keywords" content="Congreso Mundial 2010" />
<meta name="author" content="Gabriel Combariza" />
<title>Formulario de Inscripción</title>
<link rel="shortcut icon" href="../../favicon.ico" />
<script type="text/javascript" defer="defer">
//<![CDATA[
setTimeout('fix_column_widths()', 20);
//]]>
</script>
<style type="text/css">
<!--
.Estilo5 {color: #CC0000}
-->
</style>
</nonscript>
<script type="text/javascript">
<!--
var newNodo;
//clona nodo
function f (nodo)
{
newNodo=nodo.cloneNode(true);
}
function aniade ()
{
document.body.appendChild(newNodo);
}
//-->
function submitform()
{
document.body.f.forms["contactform()"].submit();
}
//suma Checkbox
function suma(){
var congreso=document.f.getElementById("congreso");
var damas=document.f.getElementById("damas");
var congresito=document.f.getElementById("congresito") ;
var total= congreso+damas+congresito;
document.f.bodygetElementById("totales").value = total;
return suma;
}
//valida datos
function valida_envia(){
if (document.f.contactform.name.value.length==0){
alert("Tiene que escribir su nombre")
document.f.contactform.name.focus()
return 0;
}
if (document.f.contactform.subname.value.length==0){
alert("Tiene que escribir su Apellido")
document.f.contactform.subname.focus()
return 0;
}
if (document.f.contactform.email.value.length==0){
alert("Tiene que escribir su e-mail")
document.f.contactform.email.focus()
return 0;
}
if (document.f.contactform.phone.value.length==0){
alert("Tiene que escribir su teléfono")
document.f.contactform.phone.focus()
return 0;
}
alert("Muchas gracias por enviar el formulario");
document.f.contactform.submit();
}
</script>
<style type="text/css">
<!--
.Estilo2 {font-weight: bold}
.Estilo3 {
font-weight: bold;
font-size: xx-large;
}
-->
</style>
</head>
<body>
<h1 align="center"> </h1>
<h1 align="center"> </h1>
<h1 align="center">Formulario de Inscripción</h1>
<p align="center" onMouseOver="f(this)">
<table width="783" border="0">
<tr>
<td width="777" height="112"><div id="contactform">
<form name="contactform()" id="contactform" method="post" onSubmit="return emailCheck(this.email.value);" action="email1.php" target="_blank">
<fieldset>
<table width="775" border="0">
<tr>
<td width="129"><div>
<label for="visitorname"><span style="color:#c00;">*</span><strong>Nombres: </strong> </label>
<input type="text" name="name" size="19">
<br>
</div></td>
<td width="130"><div>
<label for="visitorsurname"><span style="color:#c00;">*</span><strong>Apellidos:</strong></label>
<input type="text" name="subname" size="19">
<br>
</div></td>
<td width="139"><div>
<label for="visitormail"><span style="color:#c00;">*</span><strong>E-mail:</strong> </label>
<input type="text" name="email" size="19">
<br>
</div></td>
<td width="124"><div>
<label for="phone"><strong>Teléfono:</strong></label>
<input type="text" name="phone" size="19">
<br>
</div></td>
<td width="69"><div>
<label for="congres"> </label>
<div align="center"><strong>Congreso:</strong></div>
<div align="center">
<input type="checkbox" name="congres[]" value="400" id= "congreso">
<br>
</div>
</div></td>
<td width="69"><div>
<label for="damas"> </label>
<div align="center"><strong> Damas:</strong></div>
<div align="center">
<input type="checkbox" name="congres[]" value="100" id= "damas">
<br>
</div>
</div></td>
<td width="85"><div>
<label for="damas"> </label>
<div align="center"><strong>Congresito:</strong></div>
<div align="center">
<input type="checkbox" name="congres[]" value="300" id= "congresito">
<br>
</div>
</div></td>
</tr>
<tr>
<td colspan="4"></td>
</tr>
<tr>
<td colspan="4"></td>
</tr>
<tr>
<td colspan="4"></td>
</tr>
<tr>
<td colspan="4"></td>
</tr>
<tr>
<td height="20" colspan="3"><h4>Total:
<input type="text" name="totales" size="19" id="totales"></h4></td>
<td></td>
<td> </td>
<td>
<div align="center">
<input type="submit" value="Inscribir" onClick="valida_envia() "name="submit">
</div></td>
<td> </td>
</tr>
<tr> </tr>
</table>
</fieldset>
</form>
</div></td>
</tr>
</table>
<table width="317" border="0">
<tr>
<td width="114"><input type="button" value="Inscribir Grupo" onClick="submitform()"/></td>
<td width="10"></td>
<td width="185"><input type="button"
onclick="aniade()" value="Añadir otra Inscripción"></p></td>
</tr>
</table>
</p>
</body>
</html>
