Buenas. Es muy simple, cuando se dispara el evento onsubmit, ejecutás la función ( --> return nombreFuncion() ). Además de mostrar un alert en caso de que la extensión no sea válida hacés que devuelva false. Si es válida, devolvés true con return true.
Código:
function nombreFuncion() {
hacerValidaciones;
if (pasa la validación) {
return true;
}
alert("algún mensaje de error");
return false;
}
Al formulario, en el tag <form> le ponés onSubmit="return nombreFuncion()". y eso es todo.
También podrías asignar la función al evento directamente desde JS, pero hay que dar una vuelta más, porque el código se lee antes de que carguen todos los elementos de la página, y por eso el formulario te va a dar "undefined" y la función no se va a asignar:
Código:
window.onload = inicializar;
function inicializar() {
/* tenés dos opciones. La segunda te sirve
si necesitás pasar parámetros a la función.
*/
document.nombreForm.onsubmit = nombreFuncion; // acá no pongas paréntesis ()
// o:
document.nombreForm.onsubmit = function() {
nombreFuncion();
/* acá eventualmente podrías ejecutar más código o
pasar parámetros
*/
}
}
Suerte