Foros del Web

Foros del Web (http://www.forosdelweb.com/)
-   Javascript (http://www.forosdelweb.com/f13/)
-   -   Validar un formulario (http://www.forosdelweb.com/f13/validar-formulario-202440/)

enricva 12/05/2004 17:07

Validar un formulario
 
POr favor, necesito ayuda :'( :'( :'(
Tengo un formulario tal que :
<html>
<head>
<title>Inscripció al torneig d'enguany</title>

<!--<form onSubmit="return validar(this)">-->

<!-- funcion -->
<script Language="JavaScript">
function validar(this)
{

if (formulario.nom.value.length < 3)
{
alert("El nom de contacte és invàlid.");
formulario.nom.focus();
return (false);
}

if (formulario.telf.value.length < 9)
{
alert("El teléfon de contacte és incorrecte.");
formulario.telf.focus();
return (false);
}
if (formulario.equip.value.length < 3)
{
alert("El nom de l'equip és invàlid, al menys 3 lletres.");
formulario.equip.focus();
return (false);
}
if (formulario.jugn1.value.length < 3)
{
alert("El nom del jugador nº1 és invàlid, al menys 3 lletres");
formulario.jugn1.focus();
return (false);
}
if (formulario.jugn2.value.length < 3)
{
alert("El nom del jugador nº2 és invàlid, al menys 3 lletres");
formulario.jugn2.focus();
return (false);
}
if (formulario.jugn3.value.length < 3)
{
alert("El nom del jugador nº3 és invàlid, al menys 3 lletres");
formulario.jugn3.focus();
return (false);
}
if (formulario.jugn4.value.length < 3)
{
alert("El nom del jugador nº4 és invàlid, al menys 3 lletres");
formulario.jugn4.focus();
return (false);
}
if (formulario.jugn5.value.length < 3)
{
alert("El nom del jugador nº5 és invàlid, al menys 3 lletres");
formulario.jugn5.focus();
return (false);
}
if (formulario.jugn6.value.length < 3)
{
alert("El nom del jugador nº6 és invàlid, al menys 3 lletres");
formulario.jugn6.focus();
return (false);
}
}
</script>

<meta http-equiv="content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<p>&nbsp;</p>
<form name="formulario" METHOD="POST" action="confirm.php">
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="80%" id="AutoNumber1">
<tr>
<td width="5%">
<p align="center"><img border="0" src="box_01.png" width="31" height="28"></td>
<td width="90%">
<p align="center"><img border="0" src="box_02.png" width="594" height="28"></td>
<td width="7%">
<p align="center"><img border="0" src="box_03.png" width="31" height="28"></td>
</tr>
<tr>
<td width="5%">
<p align="center"><img border="0" src="box_04.png" width="30" height="600"></td>
<td width="90%">
<table border="0" cellpadding="0" cellspacing="0" bordercolor="#111111" width="100%">
<tr>
<td width="100%" colspan="2">
<p align="center"><u>
<font face="Tahoma" size="4" color="#FF9933" align="center">Formulari
d'inscripció al torneig de futbol sala d'enguany</font></u></td>
</tr>
<tr>
<td width="56%">
<p align="center">
<img border="0" src="image003.gif" width="90" height="72" align="right"><font size="2" color="#FF0000">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs p;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n bsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </font>
</td>
<td width="44%">
<p align="right"> <font size="2" color="#FF0000">**
Camps Obligatoris</font></td>
</tr>
<tr>
<td width="56%">
<p align="center"><font color="#FF9933">Nom de contacte</font></td>
<td width="44%">
<input type="text" name="nom" size="20"> <font size="2" color="#FF0000">**

</font></td>
</tr>
<tr>
<td width="27%" height="22" align="center"><font size="2" color="#FF9933">
Teléfon de contacte</font></td>
<td width="73%" height="22">

<input type="text" name="telf" size="9" maxlength="9">&nbsp;&nbsp;
<font size="2" color="#FF0000">** </font></td>
</tr>
<tr>
<td width="27%" height="22" align="center"><b>Nom de l'equip</b></td>
<td width="73%" height="22"><input type="text" name="equip" size="31">&nbsp;&nbsp;
<font size="2" color="#FF0000">** </font></td>
</tr>
<tr>
<td width="27%" height="22" align="center"><font color="#FF9933">Jugador nº1</font></td>
<td width="73%" height="22">
<input type="text" name="jugn1" size="20" maxlength="25">
<font size="2" color="#FF0000">** </font></td>
</tr>
<tr>
<td width="27%" height="22" align="center"><font color="#FF9933">Jugador nº2</font></td>
<td width="73%" height="22">
<input type="text" name="jugn2" size="20" maxlength="25">
<font size="2" color="#FF0000">** </font></td>
</tr>
<tr>
<td width="27%" height="22" align="center"><font color="#FF9933">Jugador nº3</font></td>
<td width="73%" height="22">
<input type="text" name="jugn3" size="20" maxlength="25">
<font size="2" color="#FF0000">** </font></td>
</tr>
<tr>
<td width="27%" height="22" align="center"><font color="#FF9933">Jugador nº4</font></td>
<td width="73%" height="22">
<input type="text" name="jugn4" size="20" maxlength="25">
<font size="2" color="#FF0000">**</font></td>
</tr>
<tr>
<td width="27%" height="22" align="center"><font color="#FF9933">Jugador nº5</font></td>
<td width="73%" height="22">
<input type="text" name="jugn5" size="20" maxlength="25">
<font size="2" color="#FF0000">** </font></td>
</tr>
<tr>
<td width="27%" height="22" align="center"><font color="#FF9933">Jugador nº6</font></td>
<td width="73%" height="22">
<input type="text" name="jugn6" size="20" maxlength="25">
<font size="2" color="#FF0000">** </font></td>
</tr>
<tr>
<td width="27%" height="22" align="center"><font color="#FF9933">Jugador nº7</font></td>
<td width="73%" height="22">
<input type="text" name="jugn7" size="20" maxlength="25"></td>
</tr>
<tr>
<td width="27%" height="22" align="center"><font color="#FF9933">Jugador nº8</font></td>
<td width="73%" height="22">
<input type="text" name="jugn8" size="20" maxlength="25"></td>
</tr>
<tr>
<td width="27%" height="22" align="center"><font color="#FF9933">Jugador nº9</font></td>
<td width="73%" height="22">
<input type="text" name="jugn9" size="20" maxlength="25"></td>
</tr>
<tr>
<td width="27%" height="22" align="center"><font color="#FF9933">Jugador
nº10</font></td>
<td width="73%" height="22">
<input type="text" name="jugn10" size="20" maxlength="25"></td>
</tr>
<tr>
<td width="21%" height="22" align="center"><font color="#FF9933">Jugador
nº11</font></td>
<td width="79%" height="22">
<input type="text" name="jugn11" size="20" maxlength="25"></td>
</tr>
<tr>
<td width="21%" height="22" align="center"><font color="#FF9933">Jugador
nº12</font></td>
<td width="79%" height="22">
<input type="text" name="jugn12" size="20" maxlength="25"></td>
</tr>
<tr>
<td width="100%" height="1" colspan="2">
<p align="center"><font size="2">Per tal de realitzar una convinació el
máxim de cómode per a tothom us agraïriem que ens indiqueu la preferéncia
d'horari en que us agradaria jugar. Això no vol dir que jugueu els partits a
l'hora que marqueu sino que en funció d'aquesta dada procurarem ajustar al
máxim la conveniència dels horaris.</font><br><br>
A les 20:00 <input type="checkbox" name="A" value="ON">&nbsp;&nbsp; A les
21:00 <input type="checkbox" name="B" value="ON">&nbsp;&nbsp; A les 22:00 <input type="checkbox" name="C" value="ON">&nbsp;&nbsp;
A les 23:00 <input type="checkbox" name="D" value="ON"></p>
<p>&nbsp;</td>
</tr>
<tr>
<td width="100%" height="22" colspan="2">
<p align="center"><input type="submit" value="Enviar" onsubmit="return validar(this)">
</td>
</tr>
</table>
</td>
<td width="7%">
<p align="center"><img border="0" src="box_06.png" width="32" height="600"></td>
</tr>
<tr>
<td width="5%">
<p align="center"><img border="0" src="box_07.png" width="31" height="30"></td>
<td width="90%">
<p align="center"><img border="0" src="box_08.png" width="594" height="30"></td>
<td width="7%"><img border="0" src="box_09.png" width="31" height="28"></td>
</tr>
</table>
<br>
<br>

</form>
<p>&nbsp;</p>

</body>

</html>

Y no sé que hago mal que no me valida con Javascript los campos del formulario y salta a la pagina de "action".
Alguien me puede ayudar POR FAVOR??
GRACIAS anticipadas!!! :arriba:

T4X 12/05/2004 18:28

Bueno enricva, lo que le hayé fueron errores y tambien que aparecia incompleto, por ello tu validador no funcionaba, aqui está tu solución, espero que te sirva:

Código:

<html>
<head>
<title>Inscripció al torneig d'enguany</title>

<!--<form onSubmit="return validar(this)">-->

<!-- funcion -->
<script Language="JavaScript">
function validar(formulario)
{

if (formulario.nom.value.length < 3)
{
alert("El nom de contacte és invàlid.");
formulario.nom.focus();
return false;
}

if (formulario.telf.value.length < 9)
{
alert("El teléfon de contacte és incorrecte.");
formulario.telf.focus();
return false;
}
if (formulario.equip.value.length < 3)
{
alert("El nom de l'equip és invàlid, al menys 3 lletres.");
formulario.equip.focus();
return false;
}
if (formulario.jugn1.value.length < 3)
{
alert("El nom del jugador nº1 és invàlid, al menys 3 lletres");
formulario.jugn1.focus();
return false;
}
if (formulario.jugn2.value.length < 3)
{
alert("El nom del jugador nº2 és invàlid, al menys 3 lletres");
formulario.jugn2.focus();
return false;
}
if (formulario.jugn3.value.length < 3)
{
alert("El nom del jugador nº3 és invàlid, al menys 3 lletres");
formulario.jugn3.focus();
return false;
}
if (formulario.jugn4.value.length < 3)
{
alert("El nom del jugador nº4 és invàlid, al menys 3 lletres");
formulario.jugn4.focus();
return false;
}
if (formulario.jugn5.value.length < 3)
{
alert("El nom del jugador nº5 és invàlid, al menys 3 lletres");
formulario.jugn5.focus();
return false;
}
if (formulario.jugn6.value.length < 3)
{
alert("El nom del jugador nº6 és invàlid, al menys 3 lletres");
formulario.jugn6.focus();
return false;
}
formulario.submit();
}
</script>

<meta http-equiv="content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<p> </p>
<form name="formulario" METHOD="POST" action="confirm.php" onSubmit="return validar(this)">
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="80%" id="AutoNumber1">
<tr>
<td width="5%">
<p align="center"><img border="0" src="box_01.png" width="31" height="28"></td>
<td width="90%">
<p align="center"><img border="0" src="box_02.png" width="594" height="28"></td>
<td width="7%">
<p align="center"><img border="0" src="box_03.png" width="31" height="28"></td>
</tr>
<tr>
<td width="5%">
<p align="center"><img border="0" src="box_04.png" width="30" height="600"></td>
<td width="90%">
<table border="0" cellpadding="0" cellspacing="0" bordercolor="#111111" width="100%">
<tr>
<td width="100%" colspan="2">
<p align="center"><u>
<font face="Tahoma" size="4" color="#FF9933" align="center">Formulari
d'inscripció al torneig de futbol sala d'enguany</font></u></td>
</tr>
<tr>
<td width="56%">
<p align="center">
<img border="0" src="image003.gif" width="90" height="72" align="right"><font size="2" color="#FF0000">                              </font>
</td>
<td width="44%">
<p align="right"> <font size="2" color="#FF0000">**
Camps Obligatoris</font></td>
</tr>
<tr>
<td width="56%">
<p align="center"><font color="#FF9933">Nom de contacte</font></td>
<td width="44%">
<input type="text" name="nom" size="20"> <font size="2" color="#FF0000">**

</font></td>
</tr>
<tr>
<td width="27%" height="22" align="center"><font size="2" color="#FF9933">
Teléfon de contacte</font></td>
<td width="73%" height="22">

<input type="text" name="telf" size="9" maxlength="9"> 
<font size="2" color="#FF0000">** </font></td>
</tr>
<tr>
<td width="27%" height="22" align="center"><b>Nom de l'equip</b></td>
<td width="73%" height="22"><input type="text" name="equip" size="31"> 
<font size="2" color="#FF0000">** </font></td>
</tr>
<tr>
<td width="27%" height="22" align="center"><font color="#FF9933">Jugador nº1</font></td>
<td width="73%" height="22">
<input type="text" name="jugn1" size="20" maxlength="25">
<font size="2" color="#FF0000">** </font></td>
</tr>
<tr>
<td width="27%" height="22" align="center"><font color="#FF9933">Jugador nº2</font></td>
<td width="73%" height="22">
<input type="text" name="jugn2" size="20" maxlength="25">
<font size="2" color="#FF0000">** </font></td>
</tr>
<tr>
<td width="27%" height="22" align="center"><font color="#FF9933">Jugador nº3</font></td>
<td width="73%" height="22">
<input type="text" name="jugn3" size="20" maxlength="25">
<font size="2" color="#FF0000">** </font></td>
</tr>
<tr>
<td width="27%" height="22" align="center"><font color="#FF9933">Jugador nº4</font></td>
<td width="73%" height="22">
<input type="text" name="jugn4" size="20" maxlength="25">
<font size="2" color="#FF0000">**</font></td>
</tr>
<tr>
<td width="27%" height="22" align="center"><font color="#FF9933">Jugador nº5</font></td>
<td width="73%" height="22">
<input type="text" name="jugn5" size="20" maxlength="25">
<font size="2" color="#FF0000">** </font></td>
</tr>
<tr>
<td width="27%" height="22" align="center"><font color="#FF9933">Jugador nº6</font></td>
<td width="73%" height="22">
<input type="text" name="jugn6" size="20" maxlength="25">
<font size="2" color="#FF0000">** </font></td>
</tr>
<tr>
<td width="27%" height="22" align="center"><font color="#FF9933">Jugador nº7</font></td>
<td width="73%" height="22">
<input type="text" name="jugn7" size="20" maxlength="25"></td>
</tr>
<tr>
<td width="27%" height="22" align="center"><font color="#FF9933">Jugador nº8</font></td>
<td width="73%" height="22">
<input type="text" name="jugn8" size="20" maxlength="25"></td>
</tr>
<tr>
<td width="27%" height="22" align="center"><font color="#FF9933">Jugador nº9</font></td>
<td width="73%" height="22">
<input type="text" name="jugn9" size="20" maxlength="25"></td>
</tr>
<tr>
<td width="27%" height="22" align="center"><font color="#FF9933">Jugador
nº10</font></td>
<td width="73%" height="22">
<input type="text" name="jugn10" size="20" maxlength="25"></td>
</tr>
<tr>
<td width="21%" height="22" align="center"><font color="#FF9933">Jugador
nº11</font></td>
<td width="79%" height="22">
<input type="text" name="jugn11" size="20" maxlength="25"></td>
</tr>
<tr>
<td width="21%" height="22" align="center"><font color="#FF9933">Jugador
nº12</font></td>
<td width="79%" height="22">
<input type="text" name="jugn12" size="20" maxlength="25"></td>
</tr>
<tr>
<td width="100%" height="1" colspan="2">
<p align="center"><font size="2">Per tal de realitzar una convinació el
máxim de cómode per a tothom us agraïriem que ens indiqueu la preferéncia
d'horari en que us agradaria jugar. Això no vol dir que jugueu els partits a
l'hora que marqueu sino que en funció d'aquesta dada procurarem ajustar al
máxim la conveniència dels horaris.</font><br><br>
A les 20:00 <input type="checkbox" name="A" value="ON">  A les
21:00 <input type="checkbox" name="B" value="ON">  A les 22:00 <input type="checkbox" name="C" value="ON"> 
A les 23:00 <input type="checkbox" name="D" value="ON"></p>
<p> </td>
</tr>
<tr>
<td width="100%" height="22" colspan="2">
<p align="center"><input type="submit" value="Enviar" onsubmit="return validar(this)">
</td>
</tr>
</table>
</td>
<td width="7%">
<p align="center"><img border="0" src="box_06.png" width="32" height="600"></td>
</tr>
<tr>
<td width="5%">
<p align="center"><img border="0" src="box_07.png" width="31" height="30"></td>
<td width="90%">
<p align="center"><img border="0" src="box_08.png" width="594" height="30"></td>
<td width="7%"><img border="0" src="box_09.png" width="31" height="28"></td>
</tr>
</table>
<br>
<br>

</form>
<p> </p>

</body>

</html>


enricva 13/05/2004 02:03

Ok !!!! :arriba: Ahora estoy en el trabajo, en cuanto llegue a casa lo pruebo!!! MUchas gracias por tu tiempo. Ya te diré que tal! :adios:


La zona horaria es GMT -6. Ahora son las 21:05.

Desarrollado por vBulletin® Versión 3.8.7
Derechos de Autor ©2000 - 2014, Jelsoft Enterprises Ltd.

SEO by vBSEO 3.3.2