campos obligatorios

#1 (**permalink**) 24/09/2004, 10:25

necesito que uno de los campos de mi formulario sea obligatorio rellenarlo, he probado con este script pero no me funciona, mi boton es submit y no button.

como puedo hacer que un campo en concreto sea obligarorio.??

DINASEN · #2 (**permalink**) 24/09/2004, 10:54

pruebalo asi :

Código PHP:

  <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;  
     }  
    }  
   document.forms["frm"].submit(); 
   }  
 
  </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="Submit" name="enviar" value="enviar" onclick="noVacio()">  
  </form>  
</body>  
</html>

Un Saludo

#3 (**permalink**) 27/09/2004, 08:17

me pasa de todo !!! mecagüen la mar .....

Código PHP:

  </style> 
<script language="JavaScript">  
   function noVacio() {  
    var i;  
    var n = parseInt(document.form1.cantidad.value);  
    var bError = false;  
 
    for (i = 0; i < n; i++){  
     bError = bError || (eval("document.form1.elemento" + i + ".value == ''"));  
     if (bError){  
      alert("Campo inválido");  
      eval("document.form1.elemento" + i + ".focus()");  
      break;  
     }  
    }  
   document.forms["form1"].submit();  
   }  
  </script>  
 
......................... 
 
<form name="form1" method="post" action="link_accion.asp?accion=1"> 
              <p>TITULO DEL LINK:</p> 
  <p>  
    <input name="titulo" type="text" id="titulo" value="" size="60" maxlength="50"> 
  </p> 
              <p>URL DEL LINK :</p> 
  <p> 
    <input name="url" type="text" id="url" value="http://" size="80"> 
  </p> 
              <p>DESCRIPCI&Oacute;N DEL LINK:</p> 
  <p>  
    <textarea name="texto" cols="70" rows="6" id="texto"></textarea> 
  </p> 
  <p>  
    <input name="grabar" type="submit" id="grabar" value="Grabar" onclick="noVacio()"> 
    <input name="borrar" type="reset" id="borrar" value="Limpiar"> 
    <input name="volver" type="button" id="volver" value="Volver" onclick="location.href='links_admin.asp'"> 
    <input type="hidden" name="cantidad" value="3"> 
  </p> 
</form>

Carlitos · #4 (**permalink**) 27/09/2004, 08:41

Hola.

Si utilizas ese script, los campos se deben llamar 'elemento0', 'elemento1'... 'elementoN'.

Utiliza la faq nº124 de javascript. http://www.forosdelweb.com/showthrea...823#post375823

Mira, aquí he respondido algo parecido: http://www.forosdelweb.com/f13/campos-requeridos-no-esta-muy-claro-234406/

Un saludete.

Carlitos · #5 (**permalink**) 27/09/2004, 08:53

Bueno, claro que, así estas comprobando que todos los campos sean obligatorios.

Para comprobar uno en concreto, y usando tu código, la función 'noVacio' debería ser así:

Código:

function noVacio()
{
  if (document.forms["form1"].NOMBRE_DEL_CAMPO.value == "")
  {
    alert("El campo NOMBRE_DEL_CAMPO, no puede quedar vacio");
    document.forms["form1"].NOMBRE_DEL_CAMPO.focus();
    return;
  }
  document.forms["form1"].submit()
}

En donde pone NOMBRE_DEL_CAMPO, debes poner el nombre del campo que quieres controlar.

Pruébalo y me cuentas.

#6 (**permalink**) 27/09/2004, 09:20

este ultimo ejemplo me valdría ... pero es que el envio del form sigue adelante y me guarda un registro vacio en la bd aun dandome el mensaje de que el campo esta vacio. como se para en envio ???.

Carlitos · #7 (**permalink**) 27/09/2004, 10:04

ups, un pequeño fallo.

donder pone return, debe poner return false

Carlitos · #8 (**permalink**) 27/09/2004, 10:14

y otra cosa, en el boton, en vez de submit, pon button

#9 (**permalink**) 28/09/2004, 03:27

si el boton no es submit no me va a enviar el formulario, no????

Carlitos · #10 (**permalink**) 28/09/2004, 07:58

Si que te lo envía.

Se encarga esta línea:

Código:

document.forms["form1"].submit()

Un saludo.

#11 (**permalink**) 29/09/2004, 02:45

pero tuve un problemilla, porque no me enviaba el valor de los botones, o sea, que si ponia response.write("boton") no me daba el value que este tenia, pero ya cambie el funcionamiento dejando de usar este valor y todo va bien!!!

graccie