用jquery插件提交表单

我试图用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;
});

你指的是错误的元素,我有一个适合你的例子,请检查并让我知道它是否适用于你:

$(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;
   });

});

jsFiddle现场演示


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

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

你正在寻找只是提交()。 在你的例子中你正在做的是创建一个将在表单提交时运行的函数。 你也没有设置点击提交表单的处理程序。

// 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();
});
链接地址: http://www.djcxy.com/p/45957.html

上一篇: Submit form with jquery plug

下一篇: JavaScript function, pass HTML as parameter