Foros del Web » Creando para Internet » Diseño web »

Validar Campos

Estas en el tema de Validar Campos en el foro de Diseño web en Foros del Web. Hola amigos Quiero validar unos campos con el siguiente codigo Código PHP: < html >   < head >    < script language = "JavaScript" >     function  noVacio ...
  #1 (permalink)  
Antiguo 01/04/2009, 12:50
 
Fecha de Ingreso: febrero-2009
Mensajes: 52
Antigüedad: 8 años, 9 meses
Puntos: 0
Validar Campos

Hola amigos
Quiero validar unos campos con el siguiente codigo

Código PHP:
<html
 <
head
  <
script language="JavaScript"
   function 
noVacio() { 
    var 
i
    var 
parseInt(document.frm.cantidad.value); 
    var 
bError false

    for (
0ni++){ 
     
bError bError || (eval("document.frm.elemento" ".value == ''")); 
     if (
bError){ 
      
alert("Campo inválido"); 
      eval(
"document.frm.elemento" ".focus()"); 
      break; 
     } 
    } 
    if (!
bErroralert("Ok"); 
   } 

  
</script> 
 </head> 
 <body> 
  <form name="frm"> 
   <input type="text" name="elemento0"><br> 
   <input type="text" name="elemento1"><br> 
   <input type="text" name="elemento2"><br> 
   <input type="hidden" name="cantidad" value="3"> 
   <input type="button" name="enviar" value="enviar" onclick="noVacio()"> 
  </form> 
 </body> 
</html> 
Y me valida efectivamente los campos, pero hay un problema y es que si ya tengo todos los campos llenos solo me aparece el mensaje de OK, y no me envia como tal el formulario. No me Deja enviarlo.

Podrian decirme como debo de hace rpor favor.

NOTA: El formulario que esta ahi no tiene el action, pero si lo tuviera de todas maneras no envia, ya l ohe probado.

Gracias por su atencioó.
  #2 (permalink)  
Antiguo 01/04/2009, 14:01
Avatar de elbuensaint  
Fecha de Ingreso: marzo-2009
Ubicación: Chiwas
Mensajes: 178
Antigüedad: 8 años, 8 meses
Puntos: 7
Respuesta: Validar Campos

cuando pones el action, cual es la accion que hace?
y a donde lo quieres enviar?
si lo vas a enviar por e-mail necesitas definir en el action el archivo php que envia los datos del formulario (de hecho desde ahi mismo podrias validar si los campos estan vacios o no).. o igual si lo vas a incluir en una base de datos, el archivo php debera hacer las respectivas conexiones para agregar los campos...

como no se mucho de javascript no se si el error este en que al pulsar enviar solo llama a la funcion noVacio, entonces creo yo que tendrias que poner en esa misma otra funcion pero para enviar el formulario...

mmm... bueno, creo que todo depende de a donde lo quieres enviar o si el problema esta en el action que has realizado...

salu2
  #3 (permalink)  
Antiguo 01/04/2009, 14:23
 
Fecha de Ingreso: abril-2009
Mensajes: 2
Antigüedad: 8 años, 8 meses
Puntos: 0
De acuerdo Respuesta: Validar Campos

Hola que tal, yo haría lo siguiente

Código HTML:
<html>  
 <head>  
  <script language="JavaScript">  
   function noVacio() {  
    var i;  
    var n = parseInt(document.frm.cantidad.value);  
    var bError = false;  

    for (i = 0; i < n; i++){  
     bError = bError || (eval("document.frm.elemento" + i + ".value == ''"));  
     if (bError){  
      alert("Campo inválido");  
      eval("document.frm.elemento" + i + ".focus()");  
      break;  
     }  
    }  
    if (!bError) {
	alert("Ok");
	document.frm.submit();
    }
   }  

  </script>  
 </head>  
 <body>  
  <form name="frm" action="algo.php" method="post">  
   <input type="text" name="elemento0"><br>  
   <input type="text" name="elemento1"><br>  
   <input type="text" name="elemento2"><br>  
   <input type="hidden" name="cantidad" value="3">  
   <input type="button" name="enviar" value="enviar" onclick="noVacio()">  
  </form>  
 </body>  
</html> 
pero no se que es lo que realmente quieras que haga tu action

Saludos
  #4 (permalink)  
Antiguo 01/04/2009, 15:30
 
Fecha de Ingreso: febrero-2009
Mensajes: 52
Antigüedad: 8 años, 9 meses
Puntos: 0
Respuesta: Validar Campos

Lo unico que quiero es que depsues me grabe la informacion e una base de satos pero eso yo si lo se hacer, soloq ue no se como decirle qeu el submit funcione pare ppara ya grabar la info en la base de datos
Gracias por lo que me puedan ayudar
  #5 (permalink)  
Antiguo 01/04/2009, 15:33
Avatar de elbuensaint  
Fecha de Ingreso: marzo-2009
Ubicación: Chiwas
Mensajes: 178
Antigüedad: 8 años, 8 meses
Puntos: 7
Respuesta: Validar Campos

utiliza el codigo que te dejo PhantomAce, solo en el action cambia el "algo.php" por el nombre del archivo que agrega los campos a la base de datos y listo
  #6 (permalink)  
Antiguo 01/04/2009, 15:56
Avatar de dannce4life  
Fecha de Ingreso: junio-2008
Ubicación: localhost
Mensajes: 137
Antigüedad: 9 años, 5 meses
Puntos: 6
Respuesta: Validar Campos

mira esto, un saludo
__________________
Gracias
  #7 (permalink)  
Antiguo 01/04/2009, 19:27
 
Fecha de Ingreso: febrero-2009
Mensajes: 52
Antigüedad: 8 años, 9 meses
Puntos: 0
Respuesta: Validar Campos

Ok con las repsuestas he solucionado el problema, muchas gracias. Mire el aporte de danne4life, me gustaria preguntarte si puedes compartir el codigo ya que no creo qeu este completo a donde direcciona esa Web. Podes, esa aplicacion esta muy buena.
Gracias
  #8 (permalink)  
Antiguo 01/04/2009, 21:17
Avatar de dannce4life  
Fecha de Ingreso: junio-2008
Ubicación: localhost
Mensajes: 137
Antigüedad: 9 años, 5 meses
Puntos: 6
Respuesta: Validar Campos

como no, aquí te pongo el codigo html igual que figura en la web del creador.

Código html:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="UTF-8">
  3.     <head>
  4.         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  5.         <link rel="stylesheet" type="text/css" href="/common/css/reset-fonts.css" />
  6.         <title>fValidator</title>
  7.         <script type="text/javascript" src="js/mootools.v1.1.js"></script>
  8.         <script type="text/javascript" src="js/fValidator.js"></script>
  9.         <script type="text/javascript">
  10.             window.addEvent("domready", function() {
  11.                 var exValidatorA = new fValidator("exA");
  12.             });
  13.         </script>
  14.     </head>
  15.     <body>
  16.         <div id="container">
  17.           <div id="container_bd"><dl id="accordionExample" class="accordion"><dd class="accordion_content">
  18.             <br />
  19.             <h3>A. Simple form using fValidator</h3>
  20.             <form id="exA" class="fValidator-form" method="post" action="#">
  21.                 <fieldset>
  22.                     <legend>fValidator</legend>
  23.                     <table>
  24.                         <tfoot>
  25.                             <tr>
  26.                                 <td colspan="2"><input id="exA_submit" type="submit" value="submit" /><input type="reset" value="reset" /></td>
  27.                             </tr>
  28.                         </tfoot>
  29.                         <tbody>
  30.                             <tr>
  31.                                 <td><label for="exA_Id">ID:</label></td>
  32.                                 <td><input id="exA_Id" class="fValidate['required']" name="id" type="text" /></td>
  33.                             </tr>
  34.                             <tr>
  35.                                 <td><label for="exA_Password">Password:</label></td>
  36.                                 <td><input id="exA_Password" class="fValidate['required']" name="password" type="password" /></td>
  37.                             </tr>
  38.                             <tr>
  39.                                 <td><label for="exA_cPassword">Confirm password:</label></td>
  40.                                 <td><input id="exA_cPassword" class="fValidate['required','=exA_Password']" name="cpassword" type="password" /></td>
  41.                             </tr>
  42.                             <tr>
  43.                                 <td><label for="exA_Name">Name:</label></td>
  44.                                 <td><input id="exA_Name" class="fValidate['required','alpha']" name="name" type="text" /></td>
  45.                             </tr>
  46.                             <tr>
  47.                                 <td>Sex:</td>
  48.                                 <td>
  49.                                     <label for="exA_Sex_male">male</label><input id="exA_Sex_male" name="sex" type="radio" value="male" />
  50.                                     <label for="exA_Sex_female">female</label><input id="exA_Sex_female" class="fValidate['required']" name="sex" type="radio" value="female" />                                </td>
  51.                             </tr>
  52.                             <tr>
  53.                                 <td><label for="exA_Date">Birthday:</label></td>
  54.                                 <td><input id="exA_Date" class="fValidate['date']" name="date" type="text" /></td>
  55.                             </tr>
  56.                             <tr>
  57.                                 <td><label for="exA_Phone">Phone:</label></td>
  58.                                 <td><input id="exA_Phone" class="fValidate['required','phone']" name="phone" type="text" /></td>
  59.                             </tr>
  60.                             <tr>
  61.                                 <td><label for="exA_Phone2">Phone 2:</label></td>
  62.                                 <td><input id="exA_Phone2" class="fValidate['phone']" name="phone2" type="text" /></td>
  63.                             </tr>
  64.                             <tr>
  65.                                 <td><label for="exA_Email">Email:</label></td>
  66.                                 <td><input id="exA_Email" class="fValidate['required','email']" name="email" type="text" /></td>
  67.                             </tr>
  68.                             <tr>
  69.                                 <td><label for="exA_Url">URL:</label></td>
  70.                                 <td><input id="exA_Url" class="fValidate['required','url']" name="url" type="text" /></td>
  71.                             </tr>
  72.                             <tr>
  73.                                 <td><label for="exA_State">State:</label></td>
  74.                                 <td><select id="exA_State" class="fValidate['required']" name="state">
  75.                                     <option value="">Select one...</option>
  76.                                     <option value="AL">Alabama</option>
  77.                                     <option value="AK">Alaska</option>
  78.                                     <option value="AZ">Arizona</option>
  79.                                     <option value="AR">Arkansas</option>
  80.                                     <option value="CA">California</option>
  81.                                     <option value="CO">Colorado</option>
  82.                                     <option value="CT">Connecticut</option>
  83.                                     <option value="DE">Delaware</option>
  84.                                     <option value="FL">Florida</option>
  85.                                     <option value="GA">Georgia</option>
  86.                                     <option value="HI">Hawaii</option>
  87.                                     <option value="ID">Idaho</option>
  88.                                     <option value="IL">Illinois</option>
  89.                                     <option value="IN">Indiana</option>
  90.                                     <option value="IA">Iowa</option>
  91.                                     <option value="KS">Kansas</option>
  92.                                     <option value="KY">Kentucky</option>
  93.                                     <option value="LA">Louisiana</option>
  94.                                     <option value="ME">Maine</option>
  95.                                     <option value="MD">Maryland</option>
  96.                                     <option value="MA">Massachusetts</option>
  97.                                     <option value="MI">Michigan</option>
  98.                                     <option value="MN">Minnesota</option>
  99.                                     <option value="MS">Mississippi</option>
  100.                                     <option value="MO">Missouri</option>
  101.                                     <option value="MT">Montana</option>
  102.                                     <option value="NE">Nebraska</option>
  103.                                     <option value="NV">Nevada</option>
  104.                                     <option value="NH">New Hampshire</option>
  105.                                     <option value="NJ">New Jersey</option>
  106.                                     <option value="NM">New Mexico</option>
  107.                                     <option value="NY">New York</option>
  108.                                     <option value="NC">North Carolina</option>
  109.                                     <option value="ND">North Dakota</option>
  110.                                     <option value="OH">Ohio value="OH"</option>
  111.                                     <option value="OK">Oklahoma</option>
  112.                                     <option value="OR">Oregon</option>
  113.                                     <option value="PA">Pennsylvania</option>
  114.                                     <option value="RI">Rhode Island</option>
  115.                                     <option value="SC">South Carolina</option>
  116.                                     <option value="SD">South Dakota</option>
  117.                                     <option value="TN">Tennessee</option>
  118.                                     <option value="TX">Texas</option>
  119.                                     <option value="UT">Utah</option>
  120.                                     <option value="VT">Vermont</option>
  121.                                     <option value="VA">Virginia</option>
  122.                                     <option value="WA">Washington</option>
  123.                                     <option value="WV">West Virginia</option>
  124.                                     <option value="WI">Wisconsin</option>
  125.                                     <option value="WY">Wyoming</option>
  126.                                 </select></td>
  127.                             </tr>
  128.                             <tr>
  129.                                 <td><label for="exA_Number">Real (float):</label></td>
  130.                                 <td><input id="exA_Number" class="fValidate['required','real']" name="number" type="text" /></td>
  131.                             </tr>
  132.                         </tbody>
  133.                     </table>
  134.                 </fieldset>
  135.             </form>
  136.             </dd>
  137.         </dl>
  138. </div>
  139. </body>
  140. </html>

te lo explico un poco.

si vez donde dice exA en el codigo JS, te daras cuenta que aplica el script a todos los formularios que tengan ese ID.

despues es personalizable.
para editar los estilos visuales, crea una sentencia de tipo clase en tu css bajo en nombre de .fValidator-msg
por ejemplo asi:
Código css:
Ver original
  1. .fValidator-msg {
  2. background-color: #c00;
  3. font-size: 85&#37;;
  4. color: #fff;
  5. padding: 5px;
  6. }

no te olvides de bajar el Mootools 1.1, y el fValidator de sus respectivas web's y colocarlos en una carpeta llamada js.

un saludo, espero te sirva mi ayuda :D
__________________
Gracias
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 04:13.