jquery - 使用 jquery 插件提交表单

Question

我正在尝试使用 jquery 提交表单。我正在使用引导模式窗口。这是一个js 小提琴。我错过了什么吗？多谢

更新：我正在尝试使用 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 工作演示

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

jquery 序列化和 $.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;
   });

});​</p>

jsFiddle 现场演示

Answer 2

您正在寻找只是提交（）。您在示例中所做的是创建一个将在提交表单时运行的函数。此外，您没有为单击提交表单设置处理程序。

// 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

您需要为评论表单提交按钮添加一个点击事件。

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