Добавить уведомление о подтверждении перед отправкой формы

Question

У меня есть форма, которая позволяет пользователю удалять некоторые данные из базы данных.

Я хочу иметь немного подтверждения, чтобы предотвратить случайное удаление. Я хочу сделать следующее:

1. Когда нажата кнопка отправки, появляется предупреждение с надписью «Вы уверены?».
2. Если пользователь нажимает «да», тогда запустите сценарий
3. Если пользователь нажимает «нет», то не отправляйте сценарий.

Как это можно сделать?

Я добавил предупреждение onSubmit, но он ничего не показывает, и он по-прежнему отправляет форму. Как я могу отложить передачу формы только тогда, когда пользователь выбирает «да» из предупреждения?

<form method="POST" action="actions/remove-daily-recipient.php" onSubmit="alert("Are you sure you wish to delete?");"> 

Answer 1

Вместо alert, вы должны использовать confirm и return

onSubmit="return confirm('Are you sure you wish to delete?'); 

Answer 2

Прекратить поведение по умолчанию, запрос на подтверждение, а затем отправить форму:

var form1 = document.getElementById('form1'); 
form1.onsubmit = function(e){ 
    var form = this; 
    e.preventDefault(); 
    if(confirm("Are you sure you wish to delete?")) 
     form.submit(); 
} 

JS скрипку: http://jsfiddle.net/dq50e963/

Answer 3

на вашей форме, вы можете попробовать с помощью функции JS, как:

<form onsubmit="return submitResult();"> 

и на вашей функции есть что-то вроде?

function submitResult() { 
    if (confirm("Are you sure you wish to delete?") == false) { 
     return false ; 
    } else { 
     return true ; 
    } 
} 

Я думаю, что это будет хорошее начало.