Javascript confirmbox + form inside

Question

私はPHP/MySQLギフトリストを持っています。人々はギフトを予約するために「予約」ボタンをクリックすることができます。そのリストには10​​回欲しい贈り物があるということです。だから10ギフトのすべてを予約するには予約ボタンを10回クリックしなければならず、javascriptは常に1つのギフトを予約することを喜んで確認します。

私が今行っていることは、javascriptがaction.phpにデータを送信する+フォームを確認することを確認する変更です。

HTMLでは、次のようになります。

<p>How many piece of gift are you willing to reserve?</p> 
<form action="action.php" method="post"> 
    <input type="text" name="giftammount" /> 
</form> 

し、確認がtrueを返した場合には、その答えとaction.phpは、MySQLのテーブルのために魔法を行います提出します。

これは技術的にも可能ですか？私が試したことではない、私はこれを疑問に思った数時間を過ごしましたが、これを理解することはできません。

Answer 1

あなたはjQueryのUIを使用している場合は、ダイアログ・ウィジェットはあなたが必要なものだけかもしれない：

モーダルダイアログを使用して、複数ステップのプロセス中にユーザーがデータを入力するようにします。コンテンツ領域にフォームマークアップを埋め込み、モーダルオプションをtrueに設定し、buttonsオプションを使用してプライマリおよびセカンダリのユーザーアクションを指定します。

は、関数confirmActionは、フォームが送信され、それ以外の形ではないでしょうtrueを返した場合、次は

を助けるかもしれない例と基本的なコード

Answer 2

Javascript確認ボックスとフォームは2種類です全くのものがあります。

これを解決する方法の1つは、モーダルボックスを作成し、確認ボックス+確認ダイアログの効果をシミュレートすることです。

alert()、 confirm()と prompt()などの

少数の他の機能はテキストのみを取る が、ないHTML

Answer 3

ためjQuery UI pageを見てみましょう。確認プロセスは、AJAXを必要とする場合、あなたはそれを行うための簡単な方法のためのAjaxやjQueryのようなものを使用することができasnc:true

function confirmAction(){ 
    //return true or false 
} 

<form action="action.php" onsubmit="return confirmAction()" method="post"> 
    <input type="text" name="giftammount" /> 
</form>