HTML. Как сделать всплывающее окно подтверждения на кнопку "Отправить", а затем отправить запрос?

Я изучаю веб-разработку с помощью Django и имею некоторые проблемы в том, где можно поставить код, чтобы понять, отправлять ли запрос в HTML code.

Eg. Существует веб-страница, содержащая form (блог) для заполнения пользователем, и после нажатия кнопки "Сохранить" появляется всплывающее окно с вопросом, хотите ли вы confirm или нет. Если нажать confirm, запрос отправляется.

Я искал и нашел этот javascript код.

<script type="text/javascript">
function clicked() {
    alert('clicked');
}

<input type="submit" onclick="clicked();" value="Button" />

Но я думаю, что это не правильная функция, поскольку мне кажется, что всякий раз, когда вы нажимаете на кнопку, запрос будет отправлен. Итак, как я могу отложить запрос отправки, пока пользователь не подтвердит отправку?

Ответы

Ответ 1

Я полагаю, что вы хотите использовать подтвердить()

<script type="text/javascript">
    function clicked() {
       if (confirm('Do you want to submit?')) {
           yourformelement.submit();
       } else {
           return false;
       }
    }

</script>

Ответ 2

Самая компактная версия:

<input type="submit" onclick="return confirm('Are you sure?')" />

Ключевым моментом является return

Поскольку существует много способов скинуть кошку, вот еще один альтернативный метод:

HTML:

<input type="submit" onclick="clicked(event)" />

JavaScript:

<script>
function clicked(e)
{
    if(!confirm('Are you sure?'))e.preventDefault();
}
</script>

Ответ 3

Используйте window.confirm() вместо window.alert().

HTML:

<input type="submit" onclick="return clicked();" value="Button" />

JavaScript:

function clicked() {
    return confirm('clicked');
}

Ответ 4

<script type='text/javascript'>

function foo() {


var user_choice = window.confirm('Would you like to continue?');


if(user_choice==true) {


window.location='your url';  // you can also use element.submit() if your input type='submit' 


} else {


return false;


}
}

</script>

<input type="button" onClick="foo()" value="save">

Ответ 5

Другой вариант, который вы можете использовать:

onclick = "if (подтвердите ('Вы уверены?')) {} else {return false;};"

Используя эту функцию на кнопке отправки, вы получите то, что ожидаете.