Uncaught RangeError: Максимальный размер стека вызовов превышен. Meteor.js form

Question

У меня есть форма, которую я отправляю (и используя реактивный вал для изменения вывода в представлении на submit). Всякий раз, когда я представляю успешно я получаю эту зловещую ошибку:

Uncaught RangeError: Maximum call stack size exceeded 
isArguments @ es5-shim.js:888 
keys @ es5-shim.js:951 
_.each._.forEach @ underscore.js:111 
EJSON.clone @ ejson.js:500 
(anonymous function) @ ejson.js:501 
_.each._.forEach @ underscore.js:113 
EJSON.clone @ ejson.js:500 
(anonymous function) @ ejson.js:501 
_.each._.forEach @ underscore.js:113 
EJSON.clone @ ejson.js:500 

У меня есть два обработчика событий в someview.js:

Template.inquiry.events({ 
    'click .submit': function(event, template) { 
    var $form = template.$('#request-form'); 

    if ($form.valid()) { 
      template.showForm.set(false); 

      Meteor.setTimeout(function() { 
      template.showForm.set(true); 
      }, 10000); // Reset after 10 seconds. 
    } 
    }, 
}); 

Template.inquiry.events({ 
    'submit form': function(event) { 
     event.preventDefault(); 
     var name = event.target.name.value; 
     var email = event.target.email.value; 

     UserList.insert({ 
      name: name, 
      email: email 
     }); 
    } 
}); 

и помощника, чтобы захватить начальную reactiveVar (ShowForm):

Template.inquiry.helpers({ 

    //toggles 'thank you' on inquiry template 
    showForm: function() { 
    return Template.instance().showForm.get(); 
    }, 
}); 

Почему я получаю эту ошибку?

Answer 1

Вы не должны ставить два события одновременно. В тот момент, когда нажата кнопка, форма также отправляется (я считаю, что timeout выполняет рекурсивный вызов между отправкой и кликом), что дает вам непредвиденную ошибку. Вам необходимо объединить эти 2 вместе (и это естественно)

Template.inquiry.events({ 
    'submit form': function(event, template) { 

    event.preventDefault(); 
    var $form = template.$('#request-form'); 

    if ($form.valid()) { 
     var name = event.target.name.value; 
     var email = event.target.email.value; 

     UserList.insert({ 
      name: name, 
      email: email 
     }); 

     template.showForm.set(false); 

     Meteor.setTimeout(function() { 
      template.showForm.set(true); 
     }, 10000); // Reset after 10 seconds. 
    } 
} 

});

и удалите click событие