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

Hola a todos tengo este formulario el cual me valida perfectamente los campos que no estén vacíos al enviarlo... informa que tal campo esta vacio yq ue hace falta para poder continuar incluso hace un focus señalando cual es el campo vacio.

Código PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
function validarForm(formulario) {
  if(form1.nombres.value.length==0) { //comprueba que no esté vacío
    form1.nombres.focus();   
    alert('Por favor Ingrese su Nombre o el de su Entidad'); 
    return false; //devolvemos el foco
  }
  if(form1.tipoidentificacion.selectedIndex==0) { //comprueba que no esté vacío
    form1.tipoidentificacion.focus();
    alert('Seleccione el Tipo de Identificación');
    return false;
  }
  if(form1.identificacion.value.length==0) {  //comprueba que no esté vacío
    form1.identificacion.focus();
    alert('Ingrese el Número de Identificación');
    return false;
  }
  if(form1.telefono.value.length==0) {  //comprueba que no esté vacío
    form1.telefono.focus();
    alert('Ingrese el Número de Teléfono o Celular');
    return false;
  }
if(form1.email.value.length==0) {  //comprueba que no esté vacío
    form1.email.focus();
    alert('Ingrese su Correo Electrónico, en el cual se le enviará todo el procedimiento a seguir');
    return false;
 }
 var ercorreo=/^[^@\s]+@[^@\.\s]+(\.[^@\.\s]+)+$/;          
                if (!(ercorreo.test(form1.email.value))) {  
                    alert('Ingrese un Correo Electrónico válido, en el cual se le enviará todo el procedimiento a seguir');
                    return false; 
 }
 //
 if(form1.consignacion.value.length==0) {  //comprueba que no esté vacío
    form1.consignacion.focus();
    alert('Ingrese el Número Consignación');
    return false;
  }
 //-----------------------------------------
if(form1.userfile.value.length==0) {  //comprueba que no esté vacío
    form1.userfile.focus();
    alert('Adjunte la imagen de la consignación');
    return false;
  }
return true ();
        }
</script>
<style type="text/css">
#sadrzaj #ostali_clanci {
    text-align: left;
}
.f {
    color: #000;
}
</style>
<style type="text/css">
.Estilo2 {font-size: 10}
</style>
<link href="mailattach.css" rel="stylesheet" type="text/css" />
<style type="text/css">
.Estilo1 {    color: #FFFFFF;
    font-weight: bold;
}
.Estilo4 {font-size: small}
</style>
</head>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <meta http-equiv="Content-Language" content="" />
    <meta name="Author" content="" />
    <meta name="Robots" content="index,follow" />
    <meta name="Description" content="" />
    <meta name="Keywords" content="" />
    <link rel="stylesheet" type="text/css" href="images/style.css" />
<title>Corozal</title>
</head>
<?php
function generaPass(){
    
//Se define una cadena de caractares. Te recomiendo que uses esta.
    
$cadena "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890";
    
//Obtenemos la longitud de la cadena de caracteres
    
$longitudCadena=strlen($cadena);

    
//Se define la variable que va a contener la contraseña
    
$pass "";
    
//Se define la longitud de la contraseña, en mi caso 10, pero puedes poner la longitud que quieras
    
$longitudPass=10;

    
//Creamos la contraseña
    
for($i=$i<=$longitudPass $i++){
        
//Definimos numero aleatorio entre 0 y la longitud de la cadena de caracteres-1
        
$pos=rand(0,$longitudCadena-1);

        
//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.
        
$pass .= substr($cadena,$pos,1);
    }
    return 
$pass;
}
?>
<body>
<div id="sadrzaj">
  <div id="sredina">
          <div align="justify">
            <table width="321" border="0" align="left" cellpadding="0" cellspacing="0">
              <tr>
                <td width="321"><div class="borde">
                  <div align="justify">
                    <form action="sube.php" method="post" enctype="multipart/form-data" id="form1" onsubmit="return validarForm(this);">
                      <table width="336" border="0" cellpadding="2" bordercolor="#FF00CC">
                        <tr bgcolor="#009933">
                          <td width="328" height="27" bgcolor="#A8A8A8" style="color: #FFFFFF; text-align: center;"><strong>
                          Enviar Consignaci&oacute;n<strong>
                          <br />
                          <input type="hidden" name="MAX_FILE_SIZE" value="100000000" />
                          </strong>
                          <input name="id" type="hidden" id="id" value="id" />
                          <input name="fecha" type="hidden" id="fecha" value="<? echo date("Y-m-d"); ?>" />
                          <input name="estado" type="hidden" id="estado" value="Verificar" />
                          <input name="clave" type="hidden" id="clave" value="<? echo generaPass();?>"/>
                          <input name="tiket" type="hidden" id="tiket" value="<? echo md5(time().rand(1100)); ?>"/>
                          <input name="ip" type="hidden" id="ip" value="<? echo $_SERVER[REMOTE_ADDR]; ?>"/>
                          <input name="consecutivo" type="hidden" id="consecutivo"/>
                          </strong></td>
                        </tr>
                        <tr>
                          <td height="293"><strong>Nombre o Empresa:</strong>
                            <br />
                            <input name="nombres" type="text" class="descdet" id="nombres" onkeyup="form.naslov.value=form.naslov.value.toUpperCase()" size="44"/>
                            <br />
                            Tipo de Identificaci&oacute;n
                            <strong>:</strong> <br />
                            <select name="tipoidentificacion" class="descdet" id="tipoidentificacion">
                              <option>Seleccione</option>
                              <option value="Cedula">Cedula </option>
                              <option value="Nit">Nit</option>
                              <option value="Cedula Extranjera">Cedula Extranjera</option>
                            </select>
                            <br />
                            <strong>Identificaci&oacute;n:</strong> <br />
                            <input name="identificacion" type="text" class="descdet" id="identificacion" onkeyup="form.naslov.value=form.naslov.value.toUpperCase()" size="30"/>
                            <br />
                            Tel&eacute;fono o celular<br />
                            <input name="telefono" type="text" class="descdet" id="telefono" onkeyup="form.naslov.value=form.naslov.value.toUpperCase()" size="30"/>
                            <br />
                            Correo Electr&oacute;nico:
                            <br />
                            (En este correo  se le enviar&aacute; todo el procedimiento  a seguir)<br />
                            <input name="email" type="text" class="descdet" id="email" onkeyup="form.naslov.value=form.naslov.value.toUpperCase()" size="30"/>
                            <br />
                            N&uacute;mero de Consignaci&oacute;n: (N&uacute;mero del volante de consignaci&oacute;n)<br />
                            <input name="consignacion" type="text" class="descdet" id="consignacion" onkeyup="form.naslov.value=form.naslov.value.toUpperCase()" size="30"/>
<br />
                            Imagen de la Consignaci&oacute;n:(JPG, GIF, JPEG, PNG)<br />
                          <input type="file" name="userfile" class="descdet" id="userfile" />                            <br /></td>
                        </tr>
                        <tr>
                          <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>
                        </tr>
                      </table>
                      <br />
                    </form>
                  </div>
                </div></td>
              </tr>
            </table>
          </div>
      </div>
    </div>
</body>
</html>
me gustaria que solo admita Imagenes jpg, gif, png etc yq ue de la alerta si se intenta adjuntar un archivo que no sea imagenes...

he encontrado este tuto que coloco el script en otro mensaje

http://www.forosdelweb.com/f18/valid...imagen-818852/

pero no logro incluirle el codigo por favor quien me ayuda...

Última edición por flashtrix; 29/04/2014 a las 21:17 Razón: correccion