como valido la subida de formato de imagenes obligatoriamente

[gabrielcorr4]

Saludos, tengo este codigo que valida las extensiones de las imagenes a subir a mi b/d, pero lo que yo quisiera es que aparte de mandar el mensaje de error, me de un focus donde estuvo el error y por nada se suba la imagen con un submit hasta que se escoja una imagen con el formato correcto. deseo hacer esta validacion por el momento al lado del cliente.

Código:

function checkExt(e) {//use in a form event or ina input
       value=e.value;
    if( !value.match(/.(jpg)|(gif)|(png)|(jpeg)$/) ){//here your extensions
        alert("extension debe ser jpg jpeg gif o png");   //actions like focus, not validate...
	
	 }	
	 }

[Dradi7]

Mira puedes hacerlo de esta manera

Código HTML:

<form name="frm" action="enviar.php" onsubmit="return validar();">
    <input type="file" name="archivo" />
    <div id="msg" style="color:red; font-weight:bold;font-size:14px;"></div>
    <input type="submit" value="enviar" />
</form>
 

Código Javascript:

function validar(){
    var OK = true;
    var frm = document.forms["frm"];
    var f = frm.elements["archivo"];
    if( !f.value.match(/.(jpg)|(gif)|(png)|(jpeg)$/) ){
        document.getElementById("msg").innerHTML = "Extension debe ser jpg, jpeg, gif o png";
        OK = false;
    }
    return OK;
}