¿Cómo podría bloquear el botón submit
en html
para evitar el doble envío de un formulario?
Tengo este código pero no funciona:
<script type="text/javascript">
window.onload = function () {
document.forms['form'].addEventListener('submit', avisarUsuario);
}
function avisarUsuario(evObject) {
evObject.preventDefault();
var botones = document.querySelectorAll('.btn btn-success');
for (var i=0; i<botones.length; i++) {botones[i].disabled = true; }
var nuevoNodo = document.createElement('h2');
nuevoNodo.innerHTML = '<h2 style="color:orange;">Enviando... espere por favor</h2>';
document.body.appendChild(nuevoNodo);
var retrasar = setTimeout(procesaDentroDe2Segundos, 1000);
}
function procesaDentroDe2Segundos() {document.forms['form'].submit();}
</script>