Campos imprescindibles

lktmaster · #1 (**permalink**) 02/06/2011, 09:05

Como puedo hacer que un <form> haya unos campos imprescindibles que si lo los llenan no enviar la información y dar un aviso

Muchas gracias de antemano

Hugo_Euan · #2 (**permalink**) 02/06/2011, 09:18

Checate este enlace, la situacion fue un poco similar, para validar los campos....

http://www.forosdelweb.com/f13/junta...4/#post3860247

Cualquier cosa.... comenta =D

EXITO !!!!

jobu · #3 (**permalink**) 07/06/2011, 22:29

este es un ejemplo sencillo para validar un formulario con javascript.

Código HTML:

Ver original<html>
  <head>
  <title></title>
  
  <script language="javascript">
  
   function validar_campos()
  {
      if ((document.myform.name.value=="") || (document.myform.name.value==null))
    {
       document.myform.name.focus();
       alert ("campo obligatorio...!!!");
       return false;
    }
   return true; 
  }
     
    function enviar()
      { 
        
        if (validar_campos())
        {
           document.myform.submit();     
        }
      }
   
</script>
 
  </head>
  <body>
  
  <form name="myform" action="destino.php" method="POST">
  
  Nombre <input name="name" type="text" size=60 ><br>
  
   <input type="button" value="Enviar" onclick="enviar();">
  
  </form>
 
  </body>
</html>

lktmaster · #4 (**permalink**) 08/06/2011, 02:27

He provado de hacer lo que me dices jobu y después de hacerme el alert envia igualmente el formulario, no se podria hacer que no lo enviara?

El codigo me ha quedado así.

Código HTML:

 <script language="javascript">

	   function validar_campos()
	  {
	      if ((document.myform.licenseid.value=="") || (document.myform.licenseid.value==null))
	    {
	       document.myform.licenseid.focus();
	       alert ("Este campo és obligatorio.");
	       return false;
	    }
	   return true; 
	  }

	    function enviar()
	      { 

	        if (validar_campos())
	        {
	           document.myform.submit();     
	        }
	      }

	</script> 

<body>
<form action="llicencia.php" name="myform" method="post">
	<input type="text" required=”required” name="licenseid" class="text" id="llis" placeholder="Codi de llicència" value=""/>
	<input type="submit" class="submit" value="Entrar" onclick="enviar();"/>
</form> 
</body>

En el caso de haver varios campos que sean imprescindibles se puede poner así?
o deveria hacer 2 funciones.

Código HTML:

 <script language="javascript">

	   function validar_campos()
	  {
	      if ((document.myform.licenseid.name.value=="") || (document.myform.licenseid.name.value==null))
	    {
	       document.myform.licenseid.name.focus();
	       alert ("Este campo és obligatorio.");
	       return false;
	    }
	   return true; 
	  }

	    function enviar()
	      { 

	        if (validar_campos())
	        {
	           document.myform.submit();     
	        }
	      }

	</script>

El codigo de Hugo_Euan me sirve, pero no lo entiendo, así que prefiero este mas sencillo.

Muchas gracias

Hugo_Euan · #5 (**permalink**) 08/06/2011, 08:34

Que parte es la que no entiendes y tal vez te puedo ayudar explicandotela y orientandote =D
en el codigo que te mostre lo unico que hay que hacer es cambiar esta variable

var Fields = ['Nombre', 'Direccion', 'Edad', 'Mail', 'Pais', 'campo_N...'];

Nombre, Direccion, Edad.... etc son los id de los campos, substituyelos por los tuyos..

es decir si tines 3 campos por ejemplo quedaria así

var Fields = ['Nombre', 'Direccion', 'Edad'];

<input type="text" id="Nombre" />
<input type="text" id="Direccion" />
<input type="text" id="Edad" />

o si tienes mas no importa, basta con que incluyas los id a esta variable
var Fields = ['Nombre', 'Direccion', 'Edad'];

Saludos y Exito !! =D

jobu · #6 (**permalink**) 08/06/2011, 23:09

lktmaster, estoy probando el código que tienes y me esta funcionando perfectamente.

ya lo probé en dos navegadores diferentes y funciona bien.

es decir, la validación no permite que se envíe el formulario vacío. solo se envia el formulario cuando el campo tenga una información.

para el caso de varios campos obligatorios se debe agregar un condicional if para cada campo dentro de la función validar_campos().

quedaría asi:

Código Javascript:

Ver original<script language="javascript">
  
   function validar_campos()
  {
      if ((document.myform.campo1.value=="") || (document.myform.campo1.value==null))
    {
       document.myform.campo1.focus();
       alert ("campo 1 obligatorio...!!!");
       return false;
    }
 
 if ((document.myform.campo2.value=="") || (document.myform.campo2.value==null))
    {
       document.myform.campo2.focus();
       alert ("campo 2 obligatorio...!!!");
       return false;
    }
 
   return true; 
  }
     
    function enviar()
      { 
        
        if (validar_campos())
        {
           document.myform.submit();     
        }
      }
   
</script>

de esta misma manera se puedan hacer otros tipos de validación, por ejemplo que un campo solo permita números, o solo letras, etc.

bueno espero que sirva

comenta como te fue

saludo!

lktmaster · #7 (**permalink**) 14/06/2011, 02:36

Muchas gracias por todo, en el firefox 3.6 de mac sigue enviando el formulario, pero si solo pasa en ese navegador voy a obviarlo.

lo de los 2 campos me funciona perfectamente. !!!!