模态上的“提交”按钮将不提交

Question

模态上的Submit按钮有一个名为“ btn.btn-success”的类，因此我试图让该按钮收集我插入模态中的值，并最终将其附加到帖子的底部。 我对此部分的解决方案如下所示

    $(".btn.btn-success").on("click", function (e) {
        e.preventDefault;
        var title = $('#titlereply').val();
        var email = $('#emailreply').val();
        var comment = $('#commentreply').val();
        var replyFormat = '<div class="comment-content media-body clearfix">'
                    + '<h3 class="media-heading">' + title + '</h3> <div class="comment-meta">By <a href="#">' + email
                    + '</a> | Today, 12:31</div> <div class="comment-body"> <p>'
                    + comment + ' <a href="#" class="btn btn-gray more reply" id="replyComment2">Reply</a></div>';

        $(sabio.page.replyRef).closest('.comment-content').append(replyFormat);
    });

我尝试在运行解决方案时放置警报和中断，由于某种原因，它不会运行在显示e.preventDefault的单击部分上； 因此那里肯定有一个问题，但我找不到。 我绝对确定类“ btn.btn-success”是指模式的提交按钮。 但以防万一它可能会有所帮助，这是模态脚本

感谢您的时间和帮助。

Answer 1

更新：这是JS对象：

jQuery( document ).ready( function( $ )
{
    $.buttonManager = {
        manage: function(element, appendist) {
            $(element).on("click", function (e) {
            e.preventDefault();
            var title = $('#titlereply').val();
            var email = $('#emailreply').val();
            var comment = $('#commentreply').val();
            var replyFormat = '<div class="comment-content media-body clearfix">' + '<h3 class="media-heading">' + title + '</h3> <div class="comment-meta">By <a href="#">' + email + '</a> | Today, 12:31</div> <div class="comment-body"> <p>' + comment + ' <a href="#" class="btn btn-gray more reply" id="replyComment2">Reply</a></div>';
            $(appendist).find('.comment-content').append(replyFormat);
        });
        }
    }
});

表单的HTML：

<html>
    <head>
        <title>
            Test Form
        </title>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
        <script src="script.js"></script>
    </head>
    <body>
        <form action="/index.html">
            <input type="text" id="titlereply" placeholder="Title" />
            <input type="text" id="emailreply" placeholder="Email" />
            <input type="text" id="commentreply" placeholder="Comment" />
            <button class="btn" id="myButton">Submit</button>
        </form>

        <div id="result">
            <div class="comment-content">

            </div>
        </div>
    </body>
    <script>
        $(function() {
           $.buttonManager.manage('.btn', '#result'); 
        });
    </script>

</html>

请注意，如何使按钮以所需的方式工作是：

$.buttonManager.manage('.btn', '#result');

其中“ .btn”是标识按钮的元素，“＃result”是用于查找要附加注释内容的元素。

上的工作示例： http : //sb.meezaan.net/so/33571486/

老答案：对于按钮，请使用：

<input type="button" id="myButton" value="Submit Reply" class="btn btn-success" data-formid="#comment-form-reply">

对于JQuery，请使用：

$("#myButton").on("click", function (e) {
    e.preventDefault();
    var title = $('#titlereply').val();
    var email = $('#emailreply').val();
    var comment = $('#commentreply').val();
    var replyFormat = '<div class="comment-content media-body clearfix">'
                + '<h3 class="media-heading">' + title + '</h3> <div class="comment-meta">By <a href="#">' + email
                + '</a> | Today, 12:31</div> <div class="comment-body"> <p>'
                + comment + ' <a href="#" class="btn btn-gray more reply" id="replyComment2">Reply</a></div>';

    $(sabio.page.replyRef).closest('.comment-content').append(replyFormat);
});

模态上的“提交”按钮将不提交

问题描述

1 个解决方案

解决方案1
0 2015-11-06 16:43:22

模态上的“提交”按钮将不提交

问题描述

1 个解决方案

解决方案1 0 2015-11-06 16:43:22

解决方案1
0 2015-11-06 16:43:22