Tema: vaidacion de formulario que solo permita imagenes
Ver Mensaje Individual
  #7 (permalink)  
Antiguo 30/04/2014, 12:07
flashtrix
 
Fecha de Ingreso: noviembre-2004
Mensajes: 249
Antigüedad: 20 años, 2 meses
Puntos: 1
Respuesta: vaidacion de formulario que solo permita imagenes
Nada Alexis88 intente hacerloc omo me dices y me valida todos los campos pero aun permite subir cualquier clase de archivo que hago mal...

Código Javascript: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
  4. <script type="text/javascript">
  5. function validarForm(formulario) {
  6.   if(form1.nombres.value.length==0) { //comprueba que no esté vacío
  7.     form1.nombres.focus();   
  8.     alert('Por favor Ingrese su Nombre o el de su Entidad'); 
  9.     return false; //devolvemos el foco
  10.   }
  11.   if(form1.tipoidentificacion.selectedIndex==0) { //comprueba que no esté vacío
  12.     form1.tipoidentificacion.focus();
  13.     alert('Seleccione el Tipo de Identificación');
  14.     return false;
  15.   }
  16.   if(form1.identificacion.value.length==0) {  //comprueba que no esté vacío
  17.     form1.identificacion.focus();
  18.     alert('Ingrese el Número de Identificación');
  19.     return false;
  20.   }
  21.   if(form1.telefono.value.length==0) {  //comprueba que no esté vacío
  22.     form1.telefono.focus();
  23.     alert('Ingrese el Número de Teléfono o Celular');
  24.     return false;
  25.   }
  26. if(form1.email.value.length==0) {  //comprueba que no esté vacío
  27.     form1.email.focus();
  28.     alert('Ingrese su Correo Electrónico, en el cual se le enviará todo el procedimiento a seguir');
  29.     return false;
  30.  }
  31.  var ercorreo=/^[^@\s]+@[^@\.\s]+(\.[^@\.\s]+)+$/;          
  32.                 if (!(ercorreo.test(form1.email.value))) {  
  33.                     alert('Ingrese un Correo Electrónico válido, en el cual se le enviará todo el procedimiento a seguir');
  34.                     return false; 
  35.  }
  36.  //
  37.  if(form1.consignacion.value.length==0) {  //comprueba que no esté vacío
  38.     form1.consignacion.focus();
  39.     alert('Ingrese el Número Consignación');
  40.     return false;
  41.   }
  42.  //-----------------------------------------
  43. if(form1.userfile.value.length==0) {  //comprueba que no esté vacío
  44.     form1.userfile.focus();
  45.     alert('Adjunte la imagen de la consignación');
  46.     return false;
  47.   }
  48. //------------------------------
  49. var tipoArchivo = form1.userfile.files[0].type.split("/")[1],
  50.     tiposAceptados = /(jpeg|png|gif)/;
  51.  
  52. if (!form1.userfile.value.length && tiposAceptados.test(tipoArchivo)){
  53.     form1.userfile.focus();
  54.     alert('Adjunte la imagen de la consignación y en un formato permitido');
  55.     return false;
  56. }
  57. //-------------------------------------
  58. return true ();
  59.         }
  60. </script>
  61. <style type="text/css">
  62. #sadrzaj #ostali_clanci {
  63.     text-align: left;
  64. }
  65. .f {
  66.     color: #000;
  67. }
  68. </style>
  69. <style type="text/css">
  70. .Estilo2 {font-size: 10}
  71. </style>
  72. <link href="mailattach.css" rel="stylesheet" type="text/css" />
  73. <style type="text/css">
  74. .Estilo1 {  color: #FFFFFF;
  75.     font-weight: bold;
  76. }
  77. .Estilo4 {font-size: small}
  78. </style>
  79. </head>
  80. <head>
  81.     <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  82.     <meta http-equiv="Content-Language" content="" />
  83.     <meta name="Author" content="" />
  84.     <meta name="Robots" content="index,follow" />
  85.     <meta name="Description" content="" />
  86.     <meta name="Keywords" content="" />
  87.     <link rel="stylesheet" type="text/css" href="images/style.css" />
  88. <title>Corozal</title>
  89. </head>
  90. <?php
  91. function generaPass(){
  92.     //Se define una cadena de caractares. Te recomiendo que uses esta.
  93.     $cadena = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890";
  94.     //Obtenemos la longitud de la cadena de caracteres
  95.     $longitudCadena=strlen($cadena);
  96.  
  97.     //Se define la variable que va a contener la contraseña
  98.     $pass = "";
  99.     //Se define la longitud de la contraseña, en mi caso 10, pero puedes poner la longitud que quieras
  100.     $longitudPass=10;
  101.  
  102.     //Creamos la contraseña
  103.     for($i=1 ; $i<=$longitudPass ; $i++){
  104.         //Definimos numero aleatorio entre 0 y la longitud de la cadena de caracteres-1
  105.         $pos=rand(0,$longitudCadena-1);
  106.  
  107.         //Vamos formando la contraseña en cada iteraccion del bucle, añadiendo a la cadena $pass la letra correspondiente a la posicion $pos en la cadena de caracteres definida.
  108.         $pass .= substr($cadena,$pos,1);
  109.     }
  110.     return $pass;
  111. }
  112. ?>
  113. <body>
  114. <div id="sadrzaj">
  115.   <div id="sredina">
  116.           <div align="justify">
  117.             <table width="321" border="0" align="left" cellpadding="0" cellspacing="0">
  118.               <tr>
  119.                 <td width="321"><div class="borde">
  120.                   <div align="justify">
  121.                     <form action="sube.php" method="post" enctype="multipart/form-data" id="form1" onsubmit="return validarForm(this);">
  122.                       <table width="336" border="0" cellpadding="2" bordercolor="#FF00CC">
  123.                         <tr bgcolor="#009933">
  124.                           <td width="328" height="27" bgcolor="#A8A8A8" style="color: #FFFFFF; text-align: center;"><strong>
  125.                           Enviar Consignaci&oacute;n<strong>
  126.                           <br />
  127.                           <input type="hidden" name="MAX_FILE_SIZE" value="100000000" />
  128.                           </strong>
  129.                           <input name="id" type="hidden" id="id" value="id" />
  130.                           <input name="fecha" type="hidden" id="fecha" value="<? echo date("Y-m-d"); ?>" />
  131.                           <input name="estado" type="hidden" id="estado" value="Verificar" />
  132.                           <input name="clave" type="hidden" id="clave" value="<? echo generaPass();?>"/>
  133.                           <input name="tiket" type="hidden" id="tiket" value="<? echo md5(time().rand(1, 100)); ?>"/>
  134.                           <input name="ip" type="hidden" id="ip" value="<? echo $_SERVER[REMOTE_ADDR]; ?>"/>
  135.                           <input name="consecutivo" type="hidden" id="consecutivo"/>
  136.                           </strong></td>
  137.                         </tr>
  138.                         <tr>
  139.                           <td height="293"><strong>Nombre o Empresa:</strong>
  140.                             <br />
  141.                             <input name="nombres" type="text" class="descdet" id="nombres" onkeyup="form.naslov.value=form.naslov.value.toUpperCase()" size="44"/>
  142.                             <br />
  143.                             Tipo de Identificaci&oacute;n
  144.                             <strong>:</strong> <br />
  145.                             <select name="tipoidentificacion" class="descdet" id="tipoidentificacion">
  146.                               <option>Seleccione</option>
  147.                               <option value="Cedula">Cedula </option>
  148.                               <option value="Nit">Nit</option>
  149.                               <option value="Cedula Extranjera">Cedula Extranjera</option>
  150.                             </select>
  151.                             <br />
  152.                             <strong>Identificaci&oacute;n:</strong> <br />
  153.                             <input name="identificacion" type="text" class="descdet" id="identificacion" onkeyup="form.naslov.value=form.naslov.value.toUpperCase()" size="30"/>
  154.                             <br />
  155.                             Tel&eacute;fono o celular<br />
  156.                             <input name="telefono" type="text" class="descdet" id="telefono" onkeyup="form.naslov.value=form.naslov.value.toUpperCase()" size="30"/>
  157.                             <br />
  158.                             Correo Electr&oacute;nico:
  159.                             <br />
  160.                             (En este correo  se le enviar&aacute; todo el procedimiento  a seguir)<br />
  161.                             <input name="email" type="text" class="descdet" id="email" onkeyup="form.naslov.value=form.naslov.value.toUpperCase()" size="30"/>
  162.                             <br />
  163.                             N&uacute;mero de Consignaci&oacute;n: (N&uacute;mero del volante de consignaci&oacute;n)<br />
  164.                             <input name="consignacion" type="text" class="descdet" id="consignacion" onkeyup="form.naslov.value=form.naslov.value.toUpperCase()" size="30"/>
  165. <br />
  166.                             Imagen de la Consignaci&oacute;n:(JPG, GIF, JPEG, PNG)<br />
  167.                           <input type="file" name="userfile" class="descdet" id="userfile" />                            <br /></td>
  168.                         </tr>
  169.                         <tr>
  170.                           <td height="37"><!-----<input name="userfile" type="file" id="userfile" /></td>---->                          <input name="submit" type="submit" class="boton" value="Enviar" onclick="javascript:return validar();"/></td>
  171.                         </tr>
  172.                       </table>
  173.                       <br />
  174.                     </form>
  175.                   </div>
  176.                 </div></td>
  177.               </tr>
  178.             </table>
  179.           </div>
  180.       </div>
  181.     </div>
  182. </body>
  183. </html>