QA@IT

jQuery UI の入力フォーム入りダイアログから入力した値をcontrollerへ渡す方法

4837 PV

現在railsを勉強中なのですが、jQuery UIで作ったダイアログに入力した値をcontrollerのメソッドに渡す方法がわからなくて困っています。
使っているVerは以下の通りです。
ruby : 1.9.3p286
rails : 3.2.11
以下のような方法で実装しています。

index.html.erb


<button id = "open_dialog">Dialog</button>

<div id = "sample_dialog" title="Sample Dialog">

  <form>
        <label for="email">Email</label></br>
        <input type="text" name="email" id="email" value=""/></br>
        <label for="password">Password</label></br>
        <input type="password" name="password" id="password" value=""/>
  </form>
</div>

dialog.js

$(function() {
    $( "#sample_dialog" ).dialog({
        modal:true,
        autoOpen:false,
        height:300,
        width:400,
        resizable:false,
        buttons:{
            "OK":function(){

                //ここで何をすれば良い???????

                $(this).dialog("close")
            },
            "Cancel":function(){
                $(this).dialog("close")
            }
        }
    });
});


$(function() {
    $( "#open_dialog" ).button().click(function(){
        $("#sample_dialog").dialog("open")
    });
});

これで画面に「Dialog」ボタンが出て、これを押下すると「Email」と「password」の入力フォームが出ますが、
入力後、「OK」ボタン押した時のfunction()内に何を入れれば良いのでしょうか?

※上記の実装だけだとrails関係無いと思われるかも知れませんが、その後の処理で入力した値を使ったrailsでの操作を行いたいと考えています。
また、ダイアログは必須ですが、実装方法については変更可能です。

どなたか解決策をご存知でしたら、ご教授いただけないでしょうか。よろしくお願いします。

【補足】
上記サンプルプロジェクトを以下の場所に置いておきます。
http://yahoo.jp/box/l-g7si

回答

ウォッチ

この質問への回答やコメントをメールでお知らせします。