用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