2012-03-12 4 views
-1

私が作業しているプロジェクトでサインアップフォームとしてjqueryダイアログボックスを使用しようとしていますが、基本的にIframeと同様の機能。私は、フォームに情報を入力し、次のページで取得したフォームの情報をデータベースに入力し、ダイアログボックスの内容を変更して、ユーザーが正常に入力されたことを知らせるデータベースや何かが間違っていたので、もう一度やり直す必要があります。JQueryダイアログボックスを使用してフォームを送信し、成功、失敗メッセージを表示する

これは可能ですか?それでは誰も私にオンラインチュートリアルの方向を教えてもらえますか?

ご協力いただければ幸いです。

+0

私は彼がjQueryUIプラグインを使用していると確信しています。http://jqueryui.com/demos/dialog/ – Jake

+0

はい正しいです – pivot

答えて

1

これは非常に広範ですが、ここで私はこのような状況にどう対処しますか?

まず、いくつかの設定。ページとその目的

フォームページ - ユーザーから情報を入手 データページ - 検証、ユーザー入力の駆除。検証とdb挿入が成功した場合、警告「失敗」のいずれかが失敗した場合に警告「成功」

フォームページでは、特別な操作は必要ありません。あなたのデータページ

彼らは

を成功したときに2つのフラグ

$data_validates = false; 
$data_stores = false; 

がtrueにそれらを設定してくださいそして、私達はちょうど警告ボックスを行うにはJavaScriptをプリントアウトしている

if($data_validates && $data_stores) 
{ 
    echo "<script>alert('success');</script>"; 
} 
else 
{ 
    echo "<script>alert('success');</script>"; 
} 

を追加。法的なjavascriptで置き換えることができます。 PHPはサーバー側で処理されるので、あなたが生成したすべてのJavaScriptは、あなたのページを取得した後にブラウザがintepretするためのものです。

更新:いくつかのアドバイス:あなたが入力を受け付け、警告ボックスをポップアップするためにJavaScriptを使用したい場合は

は、物事がexistanceというのデータベースを確認し、そうで応答は、あるいは全く、あなたが必要としています多くのツールを使用するこれを行うには、RESTfulなAPIを作成し(スリムでredbeanphpを使用しています)、ajaxを使用してjsonレスポンスのリクエストを送信します。

PHPを使用してアラートボックスの値を変更したい場合/警告するWHENを指示する:私の例は良いスタート地点です。

jQueryはjavascriptではありません。 Javascriptは、jQueryが行うことができるすばらしいクールなものをすべて提供する言語です... jQueryには言語の使用法のような独自の言語がありません。

+0

入力Jakeのおかげで、私は質問が広くて不十分でした語った。私は本当の質問は、私は上記のすべてを行うためにJQueryのダイアログボックスを使用することができると思いますか?通常の送信ボタンでフォームを送信しようとすると、ユーザーはページから離れてダイアログボックスが閉じるので、ダイアログボックスを閉じずにこの操作を行いたいと思います。 – pivot

+0

jqueryダイアログボックスが何か分かりません。 http://jqueryui.com/demos/dialog/を意味しますか? – Jake

+1

さて、あなたがしたいことは、.jjsonや.ajaxを使って別のページ(舞台裏で)にリクエストを送信し、そのajax応答で成功ハンドラを呼び出すことだと思います。 .getJSONでは.success(似たような:.error、.complete)を使用します。 .ajax構文は少し異なります。 私はそれが助けてくれることを願っています。そこからあなたはあなたの質問のタイトルを変更して、より多くのヘルプを得ることができますか、新しい語彙でSOを検索することができます – Jake

0

一般に、 「JavaScriptでフォームを送信すると、」最近、プロセス眉をひそめながらも共通である(参照:後半のプライバシーニュース記事を)

http://www.javascript-coder.com/javascript-form/javascript-form-submit.phtml

上記のリンクはそれを決定するのはあなた次第です、プロセスを説明しますあなたがやっていることがこの手順を必要としている場合は、「これが最良のアプローチです」と判断する必要があります。

幸運。

編集:これはJavaScriptの問題ではありません。

関連する問題