0

モーダル内に送信ボタンがあり、それを押しても何も起こりません。送信ボタンを押したときにフォームを送信するにはどうすればよいですか？$（'form'）。submit（）;を使いたくない なぜなら、phpは私のボタンがクリックされたことを検出しないからです。

<script type="text/javascript" language="javascript">
    $(document).ready(function () { 
        $('#btnAdd').click(function (e) { 
            //clicking the button shows the modal popup up 
            e.preventDefault();
            $('#AddCareerItem').modal(); 
        });
        $('#btnCancelCareerContent').click(function (e) {
            //close the modal with the cancel button 
            $.modal.close();
        }); 
    }); 
</script>
4

3 に答える 3

1

マット、

あなたが提供したコードから、送信イベントにバインドしているようには見えません。#AddCareerItem 内の HTML はどのように見えますか? 送信入力を使用しており、正しいフォーム定義がありますか?

イベントをバインドする場合は、 onShowコールバックを使用する必要があります。何かのようなもの：

$('#AddCareerItem').modal({onShow: function (dialog) {
    $("form", dialog.data).submit(function () {
        // your code here
    });
});

それが役立つことを願っています。

-エリック

http://www.ericmmartin.com

于 2009-08-19T22:07:13.807 に答える
1

jquery UI ダイアログが行うように、simple-modal は、ASP.NET や JSF などのフレームワークで通常すべてをラップするよりも < form > 要素からボタンを取り出し、それらを < /body > 終了タグの前に追加します。そのため、オプション persist: true を指定してモーダルを呼び出す必要があり、「送信ボタン」をクリックするとモーダルが閉じ、フォーム送信がトリガーされます。要素がDOMの通常の位置に戻るように、モーダルを閉じる必要があります... :)

于 2010-05-06T12:34:25.220 に答える
0

これが私が持っているコードです。派手なものはありません。非表示のフォームは form タグ内にあり、送信ボタンを使用しています。

    <form action="somepage.php" enctype="multipart/form-data" method="post">
        <div class="rw">
            <div class="lb">Title</div>
            <div class="dt"><input type="text" name="txtTitle" value="" /></div>
            <div class="cr"></div>
        </div>
        <div class="rw">
            <div class="lb">Description</div>
            <div class="dt"><textarea name="txtDescription" ></textarea></div>
            <div class="cr"></div>
        </div>
        <div class="rw">
            <div class="lb">&nbsp;</div>
            <div class="dt"><button id="btnAdd" type="button" >Add Career Item</button></div>
            <div class="cr"></div>
        </div>
        <div class="rw">
            <div class="lb">&nbsp;</div>
            <div class="dt"><input type="submit" name="btnSave" value="Save" /></div>
            <div class="cr"></div>
        </div>
        <div id="AddCareerItem" style="display:none;">
                <div class="rw">
                    <div class="lb">Type</div>
                    <div class="dt"><select name="drpdwnType" ><option value="1">Duties</option><option value="2">Required</option></select></div>
                    <div class="cr"></div>
                </div>
                <div class="rw">
                    <div class="lb">Content</div>
                    <div class="dt">
                        <input name="txtCareerDetailContent" type="text" value="" />
                    </div>
                    <div class="cr"></div>
                </div>
                <div class="rw">
                    <div class="lb">&nbsp;</div>
                    <div class="dt"><input type="submit" id="btnAddCareerDetail" name="btnAddCareerDetail" value="Add" /> <input type="button" id="btnCancelCareerContent" value="Cancel" /></div>
                    <div class="cr"></div>
                </div>
        </div>
    </form>
于 2009-08-20T01:01:36.880 に答える