Estoy tratando de evitar que al dar N clicks a un botón se ejecute N veces la operación. Por ejemplo: si doy clic dos veces a un botón, se inserta dos veces a la base de datos. Lo que intenté hacer es que cuando de el primer click se deshabilite el botón, y sí lo deshabilita pero aunque esté deshabilitado ejecuta el submit. Les dejo el código que tengo:
HTML:
<button type="submit" id="btnAddState" name="btnAddState" class="btn btn-success col-sm-4 col-5 mx-1" onclick="myFunction()">Guardar</button>
JavaScript:
function myFunction() {
if ($('#name').val() !== undefined && $('#name').val().trim() == '') {
alert('Ingresá un Nombre');
return;
}
$('#btnAddState').addClass("disabled");
}
Gracias de antemano!!