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

正如 jquery UI 对话框所做的那样，simple-modal 将按钮从 <form> 元素中取出，而不是通常将所有内容包装在 ASP.NET 和 JSF 等框架中，并将它们添加到 </body> 结束标记之前。因此，您必须使用选项 persist: true 调用模态并单击“提交按钮”关闭模态并触发表单提交。您必须关闭模式，以便元素返回到它们在 DOM 中的正常位置...... :)

于 2010-05-06T12:34:25.220 回答
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 回答
0

这是我得到的代码。没有什么花哨。隐藏的表单位于表单标签内，我正在使用提交按钮。

    <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 回答