Проблема с подтверждением оповещений

Question

У меня есть кнопка, на которой, когда пользователь нажимает, чтобы удалить проект на сайте, появляется подтверждение, я использую alertify.js для этого, у меня есть кнопка и т. Д., Но при нажатии кнопки удаления появляется окно подтверждения и автоматически удаляет проект и исчезает, прежде чем я могу либо щелкнуть ok, чтобы подтвердить или отменить ..?

вот HTML

<button type="submit" class="btn btn-link btn-sm" Onclick="return ConfirmDelete();" style="margin:5px;"></button> 

здесь код Javascript

function ConfirmDelete() 
{ 
    alertify.confirm("This is a confirm dialog", function (ev) { 
     ev.preventDefault(); 
     alertify.success("You've clicked OK"); 
    }, function(ev) { 
     ev.preventDefault(); 
     alertify.error("You've clicked Cancel"); 
    }); 
} 

как я могу предотвратить это?

Answer 1

Вы не можете предотвратить отправку формы в этом случае, поскольку пользовательское подтверждение является неблокирующим асинхронным диалоговым окном. Вы можете остановить его, однако, всегда возвращаются false и представления формы вручную (программно) в случае Ok нажатием кнопки:

function ConfirmDelete(button) { 
    alertify.confirm("This is a confirm dialog", function() { 
    button.form.submit() 
    // alertify.success("You've clicked OK", function() { 
    // button.form.submit() 
    // }); 
    }, function() { 
    alertify.error("You've clicked Cancel"); 
    }); 

    return false; 
} 

Для этого убедитесь, что передать ссылку на кнопку вашей функции:

<button type="submit" onclick="return ConfirmDelete(this)">ConfirmDelete</button>