序列化形式在引导模式下不起作用

用户4655002

我正在尝试使用jquery / ajax在对话框内序列化表单,但是表单提交的是普通表单,而不是通过ajax提交的,这是我的javascript:

$('.modal-content').on('submit', "send_pm", function() {
    $.ajax({
        type: $(this).attr('method'),
        url: $(this).attr('action'),
        headers: {
            'X-Requested-With': 'XMLHttpRequest'
        },
        dataType: 'json',
        success: function(data) {
            if (!data.success) {
                $.notify(data.error, "error");
            } else {
                $('#globalModal').dialog("close");
                $.notify(data.success, "success");
            }
        }
    });
    return false;
});

我的对话框

<div class="modal" id="globalModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-body">
             </div>
        </div>
    </div>
 </div>

我在jquery上返回false,因此它应该正常提交,这是我的表格:

<form action="<?php echo config::get('URL'); ?>messages/send_message" method="POST" id="send_pm">
    <div class="panel-default m-t-20">
        <div class="panel-body p-t-30">
            <div class="form-group" data-intro="<?php echo Tutorials::tutorial('message_compose_sender_to'); ?>" data-step="2">
                <input type="text" class="form-control" value="<?php echo system::escape($this->to); ?>" id="recipient" name="to">
            </div>
            <div class="form-group" data-intro="<?php echo Tutorials::tutorial('message_compose_subject'); ?> " data-step="3">
                <input type="text" class="form-control" name="subject" value="<?php echo system::escape($this->subject); ?>" placeholder="Subject">
            </div>
            <div class="form-group" data-intro="<?php echo Tutorials::tutorial('message_compose_message_body'); ?> " data-step="4" data-position="top">
                <textarea id="compose-textarea" name="message" class="form-control" style="height: 300px">
                    <?php echo System::wysiwyg($this->
                            message); ?>
                </textarea>
            </div>
            <div class="pull-right" data-intro="<?php echo Tutorials::tutorial('message_compose_discard_message'); ?>" data-step="1">
                <button type="submit" class="btn btn-purple waves-effect waves-light"><span><?php echo System::translate("Send"); ?>
                            </span><i class="icon-mail-send"></i></button>
            </div>
        </div>
    </div>
</form>
阿卜杜勒·雷曼(Abdul Rehman)说

从我看来,.modal-content是一个div,而send_pm应该是不在.modal-content div内的表单名称。

因此请使用$(document).on代替$('。modal-content')。on您可以使用合适的选择器代替文档。

另外,正如其他人在评论中指出的那样,请使用#send_pm

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

ng-repeat在引导模式下不起作用

来自分类Dev

引导导航在响应模式下不起作用

来自分类Dev

Javascript 表单验证在引导模式下不起作用

来自分类Dev

ScrollView在全屏模式下不起作用

来自分类Dev

NSFetchedResultsController在发布模式下不起作用

来自分类Dev

idomenu在Javascript模式下不起作用

来自分类Dev

wget在递归模式下不起作用

来自分类Dev

Laravel在调试模式下以某种形式提交但在正常模式下不起作用

来自分类Dev

ASP.NET MVC远程属性在引导模式下不起作用

来自分类Dev

imenu在python模式或c ++模式下不起作用

来自分类Dev

反序列化不起作用

来自分类Dev

反序列化不起作用

来自分类Dev

反序列化不起作用

来自分类Dev

序列化-不起作用

来自分类Dev

Twitter引导程序模式不起作用

来自分类Dev

引导模式,可滚动不起作用

来自分类Dev

打开引导模式 js 不起作用

来自分类Dev

jcarousel插件在sitecore预览模式下不起作用

来自分类Dev

boxslider插件在Sitecore预览模式下不起作用

来自分类Dev

Bootstrap 3 Popover在“响应”模式下不起作用

来自分类Dev

数据验证在编辑模式下不起作用

来自分类Dev

渐变层在横向模式下不起作用。迅速

来自分类Dev

quickblox推送通知在生产模式下不起作用

来自分类Dev

Markdown预览在Emacs Markdown模式下不起作用

来自分类Dev

强制在非交互模式下不起作用

来自分类Dev

Webpack devtool在开发模式下不起作用

来自分类Dev

Selenium Webdriver在无头模式下不起作用

来自分类Dev

Firebase Phone Auth在APK发布模式下不起作用

来自分类Dev

我的密码在图形模式下不起作用