web-dev-qa-db-ja.com

HTML-送信ボタンに確認ポップアップを実行してからリクエストを送信する方法

私はDjangoを使用してWeb開発を学習していますが、HTML codeでリクエストを送信するかどうかを変更するコードを配置する場所にいくつかの問題があります。

例えば。ユーザーが入力するform（ブログ）を含むWebページがあり、[保存]ボタンをクリックすると、confirmするかどうかを尋ねるポップアップが表示されます。 confirmをクリックすると、リクエストが送信されます。

このjavascriptコードを検索して見つけました。

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

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

しかし、ボタンをクリックするたびにリクエストが送信されるように思えるので、これは正しい機能ではないと思います。では、ユーザーが送信を確認するまで送信要求を遅らせるにはどうすればよいですか？

htmldjangosubmit
42
Mona

Confirm（）を使用したいと思う

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

</script>
30
DaneoShiga

最もコンパクトなバージョン：

<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>
126
Isaac

window.confirm() の代わりに window.alert() を使用します。

HTML：

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

JavaScript：

function clicked() {
    return confirm('clicked');
}
6
Matt Ball
<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">
3
Manjunath

使用できる別のオプションは次のとおりです。

onclick = "if（confirm（ 'Do you have sure？'）））{} else {return false;};"

送信ボタンでこの関数を使用すると、期待どおりの結果が得られます。

0
Tiego Araujo