流星和模态 - 清除表单字段和重置表单

时间:2015-01-27 18:29:31

标签: forms meteor modal-dialog uikit

我试图在提交表单后使用模式清除表单。我注意到,如果我尝试使用辅助函数清除表单或清除字段,则下次有人尝试以表格形式输入数据时,它会以某种方式缓存或保存以前的信息。

这方面的一个例子就是有人在纽约创建一个名为" my fav bars的列表。并保存它。当用户想要在布鲁克林"中创建另一个名为" fav bars的列表时,模态仍然具有前一个的信息 - 而且不仅仅是赢得了用户创建的下一个列表如果他们删除那里的内容并用新的名单替换它。

我已尝试过所有内容,执行form.reset(),使用辅助函数等清除字段但似乎没有任何效果。有没有人碰到这个?

我甚至试过这个 -

Template.listSubmit.created = function() {
        var listField = document.getElementById('list-name').value;
        listField.value = "";
};

2 个答案:

答案 0 :(得分:0)

可能是该表单是自动完成的。您可以使用以下命令禁用此功能:

<form autocomplete='off'>

另请注意,created在模板呈现之前运行,因此无法运行。请尝试使用rendered回调。

Template.listSubmit.rendered = function() {
  $('#list-name').val('');
};

答案 1 :(得分:0)

如果要在像这样的mongo集合中插入"my fav bars in new york"

userFavPlaces = new Mongo.Collection('places')

你可以这样吗

Template.list.event({
  'submit #submit':function(){
     userFavPlaces.insert(values,function(err){
       if(!err){
              $('#list-name').val(''); //Jquery
              var listField = document.getElementById('list-name').value = ''; //pure JS
            }
      }
   }
})

如果不是大卫回答的话。