jquery – Clear Rails远程表单提交后

前端之家收集整理的这篇文章主要介绍了jquery – Clear Rails远程表单提交后前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在使用Rails 3和jQuery,并有一个简单的形式,一个文本输入和一个提交按钮.我有提交的表单:remote =>真的,并希望在表单提交后清除输入.我试过这个jQuery代码
$('#new_message').submit(function() {
  $('#message_content').val('');
});

但是,这样会在提交表单之前清除输入,所以我最终提交一个空白表单.

搜索一下后,我也尝试了以下版本:

$('#new_message').submit(function(e) {
  e.preventDefault();
  this.submit();
  $('#message_content').val('');
});

…但这似乎覆盖:remote =>真正的魔法,并且表单被提交与全页重新加载.有任何想法吗?

解决方法

当提交按钮被按下时,表示标记为remote =>在rails.js中,javascript的代码是submit().您不需要覆盖该功能.

尝试这个在$(文档).ready –

(编辑:使用bind而不是live.感谢Darren Hicks.)

$("#new_message").bind("ajax:complete",function(event,xhr,status){
  $('#message_content').val('');
}

这为ajax:complete事件添加了一个事件处理程序.当您的ajax-submit-form完成时,此事件将被触发.更多here.

原文链接:https://www.f2er.com/jquery/176287.html

猜你在找的jQuery相关文章