vaidacion de formulario que solo permita imagenes

[flashtrix]

Hola Alexis88 Gracias por responder ese es el problema que no he podido implementarlo en mi caso

acá el código en mención valida todos los campos avisando con un alert de javascript.. me gustaria que solo admita imagenes jpg, gif y png y de la alerta cuando se intente subir otra clase de archivo ya que en este ejemplo sube cualquier archivo... donde adiciono ese codigo....

aca el codigo..

Código Javascript:

<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>
<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></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 />
            <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: <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:<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>