Question

我正在尝试使用jquery提交表单。我正在使用bootstrap模态窗口。这是一个js fiddle。我错过了什么吗？非常感谢

更新：我正在尝试使用ajax提交表单。我也试过但没有运气。

$('#comment_form').on('submit', function(){

  $.post("/yourReceivingPage", $(this).serialize(), function(){

  // Hide the modal
    $("#my-modal").modal('hide');

  });

  // Stop the normal form submission
  return false;
});

Answer 1

你提到错误的元素，我有一个工作的例子，请检查并告诉我它是否适合你：

$(document).ready(function() {
    $('#comment-form-submit').click(function() {
        $('#comment_form').submit();
        alert('Handler for .submit() called.');
        return false;
    });
});

jsFiddle Working Demo

对于AJAX解决方案，您需要参考熟悉且已经讨论过的问题：

jquery serialize and $.post

已编辑：请参阅有关如何提取可点击链接ID的问题，此代码将为您完成：

 $(document).ready(function() {
   $(".comments.no").mouseover(function() {
     myDivsId = this.id;  // as you mouse over on the link it will be stored in Global Var and then transferred anywhere you wish.
   });
     $('#comment-form-submit').click(function() {
       $('#comment_form').submit();
       alert('Handler for .submit() called + div\'s ID = ' + myDivsId);
       return false;
   });

}）;

jsFiddle live demo

Answer 2

您正在寻找submit().您在示例中所做的是创建一个在提交表单时运行的函数。此外，您没有设置单击以提交表单的处理程序。

// This creates submit handler for the form
$('#comment_form').submit(function() {
    alert('Handler for .submit() called.');
    return false;
});

// This creates the on click handler for the submit button
$('#comment-form-submit').on('click', function() {
    // This actually submits the form
    $('#comment_form').submit();
});

Answer 3

您需要为comment-form-submit按钮添加click事件。

$(document).on('click','#comment-form-submit', function() {
    $('#comment_form').submit(function() {
       alert('Handler for .submit() called.');
       return false;
    });
});

使用jquery插件提交表单

3 个答案: