フォーム提出前に確認

Question

データベースから削除するPHPページを作成しました。このPHPページは、フォーム提出のアクションです。フォームは、 "X"記号の図をクリックして送信されます。 フォームの提出前とデータベースからの削除前に確認する方法をユーザーに求めることができますか？

これは私のコードです：

<form method='POST' action='delete.php'><input type='image' src='images/delete.png' class='del' alt='Submit Form' /> 

私は私のformタグにこれを追加することにより、インラインでそれを実行しようとしましたが、それはうまくいきませんでした：

onsubmit="return confirm('Are you sure you want to submit this form?');" 

Answer 1

をコメントからOPで：あなたは、単一引用符で区切られた属性値に単一引用符を使用することはできません

echo "onclick='return confirm(\'Are you sure you want to submit this form?\');'" 

。

あなたのオプションは以下のとおりです。

二重引用符を使用JSでHTMLで

echo "onclick='return confirm(\"Are you sure you want to submit this form?\");'" 

二重引用符を使用

echo "onclick=\"return confirm('Are you sure you want to submit this form?');\"" 

使用エンティティ

echo "onclick='return confirm("Are you sure you want to submit this form?");\"" 

PHPの文字列の中にHTML属性値の中にJavaScriptを置くと、3つの異なる言語が混在していて、そのエスケープに非常に注意する必要があります。適切な時間に正しい言語を使用してください。

大まかには、PHP文字列の内容を最小限に抑える方がよいでしょう。変数を持っているときだけPHPモードに落としてください。同じ理由

?> 
    <form method='POST' action='delete.php'> 
     <input type='image' src='images/delete.png' class='del' alt='Submit Form' onclick="return confirm('Are you sure you want to submit this form?');" /> 
    </form> 
<?php 

、外部ファイルにあなたのJavaScriptを維持し、addEventListenerの代わりonFOO属性にイベントハンドラをアタッチすることをお勧めします。

Answer 2

これは

<form method='POST' action='delete.php' onsubmit="return confirm('Are you sure you want to submit this form?');"> 
<input type='image' src='images/delete.png' class='del' alt='Submit Form' /></form> 

に動作します

Answer 3

サイトでjQueryを使用すると最適なソリューションです。

方法jQueryの

あなたのHTML：

<form class="sendingForm" method='POST' action='delete.php'> 
    <input type='image' src='images/delete.png' class='del' alt='Submit Form' /> 
</form> 

は、だから私は、クラスを与える：sendingForm

あなたのJavaScriptセクション：

$(".sendingForm").submit(function() { 
    if (confirm("Please confirm!")) return true; 
    else return false;  
}); 

あなたはそれをチェックすることができます。http://jsfiddle.net/d6gem0ty/

メソッドのインライン

最短ソリューションは多分簡単です。ここにはHTMLとonclickイベントしかありません。

<form class="sendingForm" method='POST' action='delete.php'> 
<input onclick="return confirm('Please confirm!')" type='image' src='images/delete.png' class='del' alt='Submit Form' /> 

あなたはそれをチェックすることができます。http://jsfiddle.net/d6gem0ty/1/