jquery - 使用jquery插件提交表单

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