habilitar un botón tras aceptar alerta

[Alejandra_Sand]

Hola, pues como dice el titulo del tópico; tengo un formulario para cargar un archivo csv, el primero verifica que la extensión sea correcta(función de validación la extensión, no submit) y el segundo lo carga(hace el submit).

Lo malo es que el segundo botón, el que tiene el submit puede ejecutarse sin importar la verificación de extensión del primer botón, y lo que quisiera hacer es tener deshabilitado el botón submit, y que se habilite cuando se acepte la alerta del primer botón "La extensión del archivo es correcta"


¿Alguien sabe alguna forma de hacer esto posible?

[Alexis88]

Podrías hacer lo siguiente:

Crea una variable cuyo valor determinará si ya se realizó o no la validación. Puedes utilizar cualquier tipo de valor para inicializarla; por ejemplo, un valor booleano:

Código Javascript:

var valido = false;
 

Cuando termines de realizar la validación, si todo está en orden, cambia el valor de la variable de validación:

Código Javascript:

valido = true;
 

Cuando ejecutes el envío (evento submit), cancélalo utilizando el método .preventDefault(), evalúa el valor de la variable de validación y si, para este ejemplo, es igual a true, procede a realizar el envío del formulario utilizando el método .submit():

Código Javascript:

if (valido){
    formulario.submit();
}