Re: [PHP-ES] problemas con un formulario y campos obligatorios
[email protected] (Camilo Sperberg) Wed, 18 Dec 2013 14:51:57 +0100
| Newsgroups | php.general.es |
|---|---|
| Message-ID | <[email protected]> |
On 18 Dec 2013, at 14:36, Irantzu Leunda Biskarret <[email protected]> wrote: > Hola atodos estoy haciendo un formulario de inscripcion en php y mysql y ademas tengo un par de comportamietos de javascript y necesito si alguien puede ayudarme. > > Al poner los campos obligatorios me deja de funcionar el boton “+” > > La url es esta: > > http://www.cdzornotza.com/zornotza_cross/inscripcionew_alevin.php > > En este otro formulario que aun no he puesto lo de los campos obligatorios me funciona bien > > http://www.cdzornotza.com/zornotza_cross/inscripcionew_popular.php > > Necesito que ambos formularios lleven los dos comportamientos y la verdad es que no encuentro la razón, serían tan amables, como siempre de colaborar conmigo? > > > Muchas gracias > > Pongo aqui en código de la que no me funciona: > > <!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=UTF-8" /> > <title>Zornotza Cross Internacional</title> > <link href="estilos_cross.css" rel="stylesheet" type="text/css" /> > <style type="text/css"></style> > <script type="text/javascript" src="../ckeditor/ckeditor.js"></script> > <script language="JavaScript" type="text/JavaScript" src="../js2/mootools-release-1.11.js"></script> > <script language="JavaScript" type="text/JavaScript" src="../js2/w2s-mootools.js"></script> > <script language="JavaScript" src="js/jquery-1.4.4.min.js" type="text/javascript"></script> > <script language="JavaScript" src="js/jquery.validate.js" type="text/javascript"></script> > > <!--validar campos obligatorios--> > <script type="text/javascript"><!-- > $().ready(function() { > $("#formu").validate(); > }); > // --></script> > <!-- comportamiento del boton + --> > <script type="text/javascript"> > var contLin = 3; > function agregar() { > var tr, td, tabla; > > tabla = document.getElementById('tabla'); > tr = tabla.insertRow(tabla.rows.length); > td = tr.insertCell(tr.cells.length); > td.innerHTML = "<select id='sel" + contLin + "'>" + > "<option>1" + > "<option>2" + > "<option>3"; > td = tr.insertCell(tr.cells.length); > td.innerHTML = "<input type='text' id='t" + contLin + "1' value='t" + contLin + "1'>"; > td = tr.insertCell(tr.cells.length); > td.innerHTML = "<input type='text' id='t" + contLin + "2' value='t" + contLin + "2'>"; > contLin++; > } > function borrarUltima() { > ultima = document.all.tabla.rows.length - 1; > if(ultima > -1){ > document.all.tabla.deleteRow(ultima); > contLin--; > } > } > </script> > <!-- fin --> > > <script language="JavaScript" type="text/JavaScript"> > <!-- > function MM_jumpMenu(targ,selObj,restore){ //v3.0 > eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'"); > if (restore) selObj.selectedIndex=0; > } > > window.onerror=function(){ > > return false; > } > > window.addEvent("load",function(){ > var ctr = 1; > > $("add_sub_prod").addEvent("click",function(event){ > $("ref_add_sub_prod")._insert({"before":"<tr><td><input type='text' name='categoria["+ctr+"]' id='categoria["+ctr+"]' size='15'></td><td><input type='text' name='sexo["+ctr+"]' id='sexo["+ctr+"]' size='15'></td><td><input type='text' name='licencia["+ctr+"]' id='licencia["+ctr+"]' size='8'></td><td><input type='text' name='nombre["+ctr+"]' id='nombre["+ctr+"]'></td><td><input type='text' name='apellidos["+ctr+"]' id='apellidos["+ctr+"]'></td><td><input type='text' name='club["+ctr+"]' id='club["+ctr+"]'></td><td width='50'><input type='text' name='nacimiento["+ctr+"]' id='nacimiento["+ctr+"]' size='8'></td></tr>" > > }); > > ctr++; > }); > }); > > //--> > </script> > > > </head> > > <body> > <div class="pre_cross"> > <div id="contenedor_insc"> > <? include('cabecera.php'); ?> > <div id="contenido"> > <? //include('izquierda.php'); ?> > <div id="derecha2"> > <h1 class="titulo_n"> Formulario de inscripción.</h1> > <h1 class="titulo2_n">Para realizar su inscripción debe rellenar el formulario siguiente.<br /><span style="color: red;">(*) Todos los campos son obligatorios.</span></h1> > > <!--<div id="formulario">--> > <form id="formu" name="f" method="post" action="insertar_alevin_ok.php" enctype="multipart/form-data"> > <!--<form name='f' method='post' action='insertar_alevin_ok.php' enctype='application_x-www-form-urlencoded'>--> > <table class="tabla1" width="800" align="center"> > <tr> > <th colspan="6">DATOS DEL CLUB</th> > </tr> > <tr> > <td> <span style="color: red;">*</span>Entidad: </td> > <td colspan="2"> > <input id="entidad" class="required" type="text" name="entidad" maxlength="45" /> > <!--<input type='text' name='entidad' class='caja' size="45">--> > </td> > > <td> <span style="color: red;">*</span>Delegado: </td> > <td colspan="2"><input type='text' name='delegado' class='required' size="45"></td> > </tr> > <tr> > <td> <span style="color: red;">*</span>Dirección: </td> > <td colspan="6"><input type='text' name='direccion' class='required' size="97"></td> > </tr> > <tr> > <td> <span style="color: red;">*</span>Población: </td> > <td><input type='text' name='poblacion' class='required'></td> > <td> <span style="color: red;">*</span>Cod. Postal: </td> > <td><input type='text' name='cp' class='required'></td> > <td> <span style="color: red;">*</span>E.mail:</td> > <td><input type='text' name='email' class='required'></td> > </tr> > <tr> > <td> <span style="color: red;">*</span>Provincia: </td> > <td><input type='text' name='provincia' class='required'></td> > <td> <span style="color: red;">*</span>Tfno: </td> > <td><input type='text' name='telefono' class='required'></td> > <td> <span style="color: red;">*</span>Fax: </td> > <td><input type='text' name='fax' class='required'></td> > </tr> > </table> > <table class="tabla3" width="900" align="center"> > <tr> > <th colspan="7">DATOS DE ATLETAS</th> > </tr> > <tr> > <th>CATEGORIA <span style="color: red;">*</span> <br />(Alevin o Infantil)</th> > <th>SEXO <span style="color: red;">*</span> <br />(Masculino o Femenino)</th> > <th>LICENCIA <span style="color: red;">*</span></th> > <th>NOMBRE <span style="color: red;">*</span></th> > <th>APELLIDOS <span style="color: red;">*</span></th> > <th>CLUB/<br/>CTRO ESCOLAR <span style="color: red;">*</span></th> > <th>AÑO NAC. <span style="color: red;">*</span></th> > > </tr> > <tr id='ref_add_sub_prod'> > <td><input type='text' name='categoria[0]' id='categoria[0]' size="15" class='required'></td> > <td><input type='text' name='sexo[0]' id='sexo[0]' size="15" class='required'></td> > <td><input type='text' name='licencia[0]' id='licencia[0]' size="8" class='required'></td> > <td><input type='text' name='nombre[0]' id='nombre[0]' class='required'></td> > <td><input type='text' name='apellidos[0]' id='apellidos[0]' class='required'></td> > <td><input type='text' name='club[0]' id='club[0]' class='required'></td> > <td><input type='text' name='nacimiento[0]' id='nacimiento[0]' size="8" class='required'></td> > > <td class='txt'><input type='button' id='add_sub_prod' name='add_sub_prod' value='+' class='button_min' /></td> > > </tr> > <tr> > <td class='center' height='40' colspan='7'> > <input type="submit" name="enviar" id="enviar" class='button' value="INSERTAR"> > <!--<input type='submit' class='button' value='INSERTAR' />--> > </td> > </tr> > </table> > </form> > </div> > </div><!-- fin contenido--> > <? include('pie.php'); ?> <!-- fin pie--> > > </div> > </div> > </body> > </html> Al visitar tu página, me salta un error de javascript: "NetworkError: 404 Not Found - http://www.cdzornotza.com/ckeditor/ckeditor.js" ckeditor.js TypeError: $(...).addEvent is not a function $("add_sub_prod").addEvent("click",function(event){ inscri...vin.php (line 64) Si tienes un error de javascript, ésta deja de funcionar. El no encontrar el script ckeditor.js produce un error fatal. Saludos.