Ver Mensaje Individual
  #3 (permalink)  
Antiguo 29/04/2014, 23:13
flashtrix
 
Fecha de Ingreso: noviembre-2004
Mensajes: 249
Antigüedad: 20 años, 3 meses
Puntos: 1
Respuesta: vaidacion de formulario que solo permita imagenes

ESTE ES EL CODIGO QUE QUIERO QUE ME AYUDEN A SOLUCIONAR:

Código Javascript:
Ver original
  1. <script type="text/javascript" language="javascript">
  2. function comprueba_extension(formulario, archivo) {
  3.    extensiones_permitidas = new Array(".gif", ".jpg", ".png");
  4.    mierror = "";
  5.    if (!archivo) {
  6.       //Si no tengo archivo, es que no se ha seleccionado un archivo en el formulario
  7.         mierror = "No has seleccionado ningún archivo";
  8.    }else{
  9.       //recupero la extensión de este nombre de archivo
  10.       extension = (archivo.substring(archivo.lastIndexOf("."))).toLowerCase();
  11.       //alert (extension);
  12.       //compruebo si la extensión está entre las permitidas
  13.       permitida = false;
  14.       for (var i = 0; i < extensiones_permitidas.length; i++) {
  15.          if (extensiones_permitidas[i] == extension) {
  16.          permitida = true;
  17.          break;
  18.          }
  19.       }
  20.       if (!permitida) {
  21.          mierror = "Comprueba la extensión de los archivos a subir. \nSólo se pueden subir archivos con extensiones: " + extensiones_permitidas.join();
  22.         }else{
  23.              //submito!
  24.          //alert ("Todo correcto. Voy a submitir el formulario.");
  25.          formulario.submit();
  26.          return 1;
  27.         }
  28.    }
  29.    //si estoy aqui es que no se ha podido submitir
  30.    alert (mierror);
  31.    return 0;
  32. }
  33. </script>
  34. <script type="text/javascript">
  35. function validarForm(formulario) {
  36.   if(form1.nombres.value.length==0) { //comprueba que no esté vacío
  37.     form1.nombres.focus();  
  38.     alert('Por favor Ingrese su Nombre o el de su Entidad');
  39.     return false; //devolvemos el foco
  40.   }
  41.   if(form1.tipoidentificacion.selectedIndex==0) { //comprueba que no esté vacío
  42.     form1.tipoidentificacion.focus();
  43.     alert('Seleccione el Tipo de Identificación');
  44.     return false;
  45.   }
  46.   if(form1.identificacion.value.length==0) {  //comprueba que no esté vacío
  47.     form1.identificacion.focus();
  48.     alert('Ingrese el Número de Identificación');
  49.     return false;
  50.   }
  51.   if(form1.telefono.value.length==0) {  //comprueba que no esté vacío
  52.     form1.telefono.focus();
  53.     alert('Ingrese el Número de Teléfono o Celular');
  54.     return false;
  55.   }
  56. if(form1.email.value.length==0) {  //comprueba que no esté vacío
  57.     form1.email.focus();
  58.     alert('Ingrese su Correo Electrónico, en el cual se le enviará todo el procedimiento a seguir');
  59.     return false;
  60.  }
  61.  var ercorreo=/^[^@\s]+@[^@\.\s]+(\.[^@\.\s]+)+$/;          
  62.                 if (!(ercorreo.test(form1.email.value))) {  
  63.                     alert('Ingrese un Correo Electrónico válido, en el cual se le enviará todo el procedimiento a seguir');
  64.                     return false;
  65.  }
  66.  //
  67.  if(form1.consignacion.value.length==0) {  //comprueba que no esté vacío
  68.     form1.consignacion.focus();
  69.     alert('Ingrese el Número Consignación');
  70.     return false;
  71.   }
  72.  //-----------------------------------------
  73. if(form1.userfile.value.length==0) {  //comprueba que no esté vacío
  74.     form1.userfile.focus();
  75.     alert('Adjunte la imagen de la consignación');
  76.     return false;
  77.   }
  78. return true ();
  79.         }
  80. </script>
  81. <form method=post action="#" enctype="multipart/form-data">
  82.   <p>
  83.     <label for="nombres">Nombre:</label>
  84.     <input type="text" name="nombres" id="nombres">
  85.   </p>
  86.   <p>
  87.     Tipo de Identificacion:
  88.     <select name="tipoidentificacion" class="descdet" id="tipoidentificacion">
  89.       <option>Seleccione</option>
  90.       <option value="Cedula">Cedula </option>
  91.       <option value="Nit">Nit</option>
  92.       <option value="Cedula Extranjera">Cedula Extranjera</option>
  93.     </select>
  94.   </p>
  95.   <p>Identificacion:
  96.     <input name="identificacion" type="text" class="descdet" id="identificacion" onkeyup="form.naslov.value=form.naslov.value.toUpperCase()" size="30"/>
  97.   </p>
  98.   <p>
  99.     Telefono:
  100.     <input name="telefono" type="text" class="descdet" id="telefono" onkeyup="form.naslov.value=form.naslov.value.toUpperCase()" size="30"/>
  101.   </p>
  102.   <p>
  103.     Correo:
  104.     <input name="email" type="text" class="descdet" id="email" onkeyup="form.naslov.value=form.naslov.value.toUpperCase()" size="30"/>
  105.   </p>
  106.   <p>
  107.     <input type=file name="userfile" id="userfile">
  108.   </p>
  109.   <p>
  110.     <input type=button name="Submit" value="Enviar" onclick="comprueba_extension(this.form, this.form.userfile.value)">
  111.   </p>
  112. </form>