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