Autor Tema: Validar Boton Fuera Formulario Se Haga (Leído 5065 veces)

sheilac · « **en:** Domingo 26 de Agosto de 2007, 01:47 »

creo que el titulo no es muy explicito.
Disculpen pregunte tanto hoy pero estoy en una entrega contra reloj
Tengo un formulario donde ya valido todos los datos antes de enviarlos a php para que se envie el mail.
El inconveniente es que tengo un boton examinar mediante el cual adjunto una foto que esta fuera del form y tambien tengo que validar que se tome la imagen del boton examinar antes de mandar el mail.
Es esto posible?
Digo esta dentro del formulario pero no dentro del form

Código: Text

 
&#60;input title=&#34;subir&#34; type=&#34;file&#34;    name=&#34;file1&#34; border=&#34;0&#34; &#62; 
 

este seria el boton examinar que tiene una caja de texto. que trae el mismo input por eso no se como se valida.
desde ya muchas gracias

Mollense

Podría ser algo así:

Código: Text

&#60;html&#62;
  &#60;head&#62;&#60;/head&#62;  
  
  &#60;script language=&#34;JavaScript&#34; type=&#34;text/javascript&#34;&#62;
    imagenCargada=false;
      function validar(){        
      if(imagenCargada){
        return true;
      }
      else{
        alert(&#34;Ingrese la ruta del archivo&#34;);
        return false;
      }
      }
    function cambio(){  
      file1=document.getElementById(&#34;file1&#34;);
      //realizar las comprovaciones, como por ejemplo:
      //verificar ruta válida de file1.value   
      //verificar que el archivo existe (Buscar algún método) puede ser con ajax
      //y cambiar el valor de &#34;imagenCargada&#34; en consecuencia
      //Una comprobación rudimentaria sería ver si file1.value no es nulo:
      if(file1.value!=&#34;&#34;)imagenCargada=true;
      else imagenCargada=false;
      }
    &#60;/script&#62;
 
  &#60;body&#62;
    &#60;form name=&#34;formulario&#34; id=&#34;formulario&#34; action=&#34;tuPagina.php&#34; method=&#34;post&#34; onsubmit=&#34;return validar()&#34;&#62;  
      &#60;input title=&#34;subir&#34; type=&#34;file&#34; id=&#34;file1&#34; name=&#34;file1&#34; border=&#34;0&#34; onchange=&#34;return cambio()&#34;&#62;
        &#60;br /&#62;&#60;input type=&#34;submit&#34; value=&#34;Enviar&#34; /&#62;
      &#60;/form&#62;
  &#60;/body&#62;
&#60;/html&#62;
 

Pero no termino de entender que es lo que querés decir, en mi opinión podrías hacer todas las validaciones en el mismo lugar pero en fin...

Explicate mejor.

Un saludo

sheilac

ok
a ver si me explico mejor,
tengo los datos del formulario, la imagen aceptar .
luego del cierre del formulario </form>
tengo esto

Código: Text

 
&#60;table width=&#34;350&#34; align=&#34;right&#34;&#62;                
&#60;td width=&#34;1&#34; align=&#34;left&#34;&#62; &#60;td width=&#34;1&#34;&#62;&#60;/td&#62; &#60;td align=&#34;justify&#34; height=&#34;30&#34;  &#62; 
  &#60;input title=&#34;subir&#34; type=&#34;file&#34;    name=&#34;file1&#34; border=&#34;0&#34; &#62;                 
                &#60;/tr&#62;&#60;/table&#62; 
 

lo tengo por fuera porque no me quedaba alineado con el formulario.
se me iban las cajas de texto por cualquier lado y lo puse fuera luego del cierre del formulario.
por eso no lo puedo validar todo junto.
y preguntaba si se puede validar algo que esta fuera del formulario en el boton aceptar del formulario, aunque me parece no es muy logico ya que esta fuera del formulario.
Veo que debo ver como ponerlo dentro del formulario para poder validarlo.
Gracias

Mollense

No, ya me parecía

...
Como podrás ver en el ejemplo anterior que te pasé, no es necesario que el input esté dentro del formulario para examinar su valor mediante JavaScript ya que se accede mediante su id y no de la forma document.miFormulario.miInput pero si colocas tu input fuera del formulario, los datos asociados a el no se van a mandar a la página del "action" a la hora del submit.

Si el problema es por el diseño tenés que buscar por el lado de CSS.

Un saludo

sheilac

gracias mollense
no se porque al tener el input fuera del formulario el valor que siempre me toma es false y no hay caso que lo tome en true
por mas que le cargo archivo siempre me tira el alert ("ingrese la ruta del archivo")

bueno muchas gracias.

Mollense

Ok, entonces sería bueno que mostraras el código completo para que veamos el error.

sheilac

la verdad soy una tonta , lo solucione muchisimo mas facil
lo adjunte a mi validacion jscript con el nombre del file
asi

Código: Text

 
&#60;script Language=&#34;JavaScript&#34;&#62;
 
  function validar(form){
    
      if (document.formulario.nombre.value==&#34;&#34;)
      {
        alert(&#34;Debes ingresar tu Nombre &#34;);
        formulario.nombre.focus(); 
        return;
      }
      if (document.formulario.apellido.value==&#34;&#34;)
      {
        alert(&#34;Debes ingresar tu Apellido&#34;);
        formulario.apellido.focus(); 
        return;
      }
      
      if (document.formulario.fechanacimiento.value==&#34;&#34;)
      {
        alert(&#34;Debes ingresar tu Fecha de Nacimiento&#34;);
        formulario.fechanacimiento.focus(); 
        return;
      }
      
      if (document.formulario.colegio.value==&#34;&#34;)
      {
        alert(&#34;Debes ingresar tu Colegio&#34;);
        formulario.colegio.focus(); 
        return;
      }
      
      if (document.formulario.email.value==&#34;&#34;)
      {
        alert(&#34;Debe introducir e-mail&#34;);
        formulario.email.focus(); 
        return;
      }
        email=document.formulario.email.value
        pos=email.indexOf(&#34;@&#34;,1)
        if (pos==-1 || pos==email.lenght-1)
          {
            alert(&#34;Su e-mail debe contener una @ y no puede estar en la última posición&#34;);
            formulario.email.focus(); 
            return;
            }
            pos=email.indexOf(&#34;.&#34;,1)
            if (pos==-1 || pos==email.lenght-1)
            {
              alert(&#34;Su e-mail debe contener . y no puede estar en la última posición&#34;);
              formulario.email.focus(); 
              return;
            }  
            if (document.formulario.telefono.value==&#34;&#34;)
      {
        alert(&#34;Debes ingresar tu Telefono o Celular&#34;);
        formulario.telefono.focus(); 
        return;
      }
        
      
      if (document.formulario.comentario.value==&#34;&#34;)
      {
        alert(&#34;Debe introducir su Comentario o Consulta&#34;);
        formulario.comentario.focus(); 
        return;
      }
      if(document.formulario.file1.value==&#34;&#34;)
      {
      alert(&#34;Debe adjuntar su foto &#34;);
        formulario.file1.focus();
        return;
        }
      
    formulario.submit();
      document.formulario.reset();
    }
    
  &#60;/script&#62;  
 

y valida barbaro,claro por el momento solo valido se ingrese un dato en ese input pero de momento es todo lo que me piden, lo pulire mas adelante para tenerlo.
ahora tengo una duda que estoy buscando en internet

tuve que poner este input en el formulario para que lo tomara.
como lo puedo mover a este boton con css??
agradezco ayuda ,desde ya muchas gracias

sheilac

holaaaaaaaaaaaa
termine por fin
si no me piden mas validaciones ya termine
les dejo un ejemplo que encontre en internet sobre como alinear dos imagenes con css pro si a alguien le sirve.
solo hay que adaptarlo al formulario de cada uno y funciona barbaro.

Código: Text

 
 
&#60;html&#62;
  &#60;head&#62;
    &#60;style type=&#34;text/css&#34;&#62;
      /* for all browsers that understand min-width */
      .container {position:relative; width:100%; min-width:784px;}
      .holder {display:block; color:#000;}
 
      /* min-width problem solved for IE5.5 and IE6 browsers */
      * html .container {border-right:784px solid #ffffff;}
      * html .holder {display:inline-block; position:relative; margin-right:-784px;}
 
      div#cabecera { float:left; }
      div.imgIzquierda { float:left; }
      div.imgDerecha { float:right; } 
    &#60;/style&#62;
  &#60;/head&#62;
 
  &#60;body&#62;
     &#60;div class=&#34;container&#34;&#62;
       &#60;div class=&#34;holder&#34;&#62;
         &#60;div id=&#34;cabecera&#34;&#62;
           &#60;div class=&#34;imgIzquierda&#34;&#62;&#60;img src=&#34;http://www.uji.es/xpf/fichero/IMATGES_GENERIQUES/696750/ARXIU/cap1.jpg&#34; /&#62;&#60;/div&#62;
           &#60;div class=&#34;imgDerecha&#34;&#62;&#60;img src=&#34;http://www.uji.es/xpf/fichero/IMATGES_GENERIQUES/696753/ARXIU/cap2.jpg&#34; /&#62;&#60;/div&#62;
        &#60;/div&#62;
      &#60;/div&#62;
    &#60;/div&#62;
  &#60;/body&#62;
&#60;/html&#62;
 

que conste que no lo hice yo, comparto algo que encontre .
desde ya muchas gracias por la ayuda que me dieron, me salvaron

Mollense

Congratulations

mjesun

Cita de: "sheilac"

Para

Para sheilac: revisa una línea de tu code

Código: Text

 if (pos==-1 || pos==email.lenght-1)
 

debiera poner

Código: Text

 if (pos==-1 || pos==email.length-1)
 

(LENGTH y no LENGHT)

SoloCodigo

Autor Tema: Validar Boton Fuera Formulario Se Haga (Leído 5065 veces)

sheilac

Validar Boton Fuera Formulario Se Haga

Mollense

Re: Validar Boton Fuera Formulario Se Haga

sheilac

Re: Validar Boton Fuera Formulario Se Haga

Mollense

Re: Validar Boton Fuera Formulario Se Haga

sheilac

Re: Validar Boton Fuera Formulario Se Haga

Mollense

Re: Validar Boton Fuera Formulario Se Haga

sheilac

Re: Validar Boton Fuera Formulario Se Haga

sheilac

Re: Validar Boton Fuera Formulario Se Haga

Mollense

Re: Validar Boton Fuera Formulario Se Haga

mjesun

Re: Validar Boton Fuera Formulario Se Haga