Ver Mensaje Individual
  #2 (permalink)  
Antiguo 22/08/2009, 09:42
raul_romero
 
Fecha de Ingreso: julio-2008
Mensajes: 91
Antigüedad: 15 años, 10 meses
Puntos: 6
Respuesta: validar formulario error

Hola amigo, revise el codigo que tienes y encontre varios errores. Aqui te lo mando corregido para que lo compares.

Hay varios errores, y por eso no los puedo indicar todos, simplemente compara.

Código Javascript:
Ver original
  1. <html>
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  4. <title>::Formulario de contacto::</title>
  5. <script language="JavaScript">
  6.  
  7. function noVacio() {
  8. var i;
  9. //var n = parseInt(document.form1.cantidad.value);  Esto es un error grave, pues en tu formulario no existe el campo cantidad.
  10. var n = document.form1.elements.length;
  11. var bError = false;
  12.  
  13. for (i = 0; i < n; i++){
  14.     bError = bError || (eval("document.form1.elements[" + i + "].value == ''"));
  15.     if (bError){
  16.         alert("Campo inválido: "+document.form1.elements[i].name);
  17.         eval("document.form1.elements[" + i + "].focus()");
  18.         return false;
  19.         break;
  20.         }
  21. }
  22. if (!bError)
  23.     {
  24.     alert("Ok");
  25.     return true;
  26.     }
  27. }
  28.  
  29. function validar_email() {
  30. if (document.form1.mail.indexOf('@') == -1)
  31.     {
  32.     alert ("Debes colocar una \"Dirección de Email\" válida");
  33.     document.form1.mail.focus() //Esto recorna el cursor al campo "Email"
  34.     }
  35.     else {
  36.     document.form1.submit();
  37.     }
  38. }
  39. </script>
  40.  
  41.  
  42. </head>
  43.  
  44. <body>
  45.  
  46. <p><br>
  47. <br>
  48. </p>
  49. <form name="form1" id="fom1" action="mail.php" method="post">
  50. <table width="218">
  51. <tr>
  52. <td>Nombre</td>
  53. <td><input name = "nombre" type="text" id="nombre" /></td>
  54. </tr>
  55. <tr>
  56. <td>Tu Email</td>
  57. <td><label>
  58. <input type="text" name="mail" id="mail" />
  59. </label></td>
  60. </tr>
  61. <tr>
  62. <td>Area</td>
  63. <td><select name="areas" id"areas">
  64. <option value="" >-seleccione destino-</option>
  65. <option value="1" >Consolidacion</option>
  66. <option value="2">Grupos de Paz</option>
  67. <option value="3">Escuelas</option>
  68. <option value="4">Evangelismo</option>
  69. </select></td>
  70. </tr>
  71. <tr>
  72. <td>Mensaje</td>
  73. <td><textarea name="mensaje" cols="17" rows="4" id="areas"></textarea></td>
  74. </tr>
  75. <tr>
  76. <td>&nbsp;</td>
  77. <td><input type = "submit" name = "enviar" value = "Enviar mensaje" onclick="return noVacio()" /></td>
  78. </tr>
  79. </table>
  80. </form>
  81. </body>
  82. </html>

Espero que con esto, puedas comprender mejor la programación con JavaScript.

Saludos