How to reset Meteor AutoForm when page changed?

I have page with text fields, this fields are required. I click 'submit' with empty fields => fields with red border (because it is required). Then I change page and return back => borders are still shown. How to reset meteor AutoForm when page changed? Thanks.

Answers:

Answer

If you want to clear existing validation errors, you need to call AutoForm.resetForm("form-id");. You could put this call inside the Template.myTemplate.onDestroyed function, which will be triggered when the template is removed from the DOM and destroyed, i.e. on route change.

For instance:

Template.myTemplate.onDestroyed(function () {
  AutoForm.resetForm("form-id");
});

Or you could use routing hooks (assuming you use Iron Router):

var myResetFormFunction = function () {
    AutoForm.resetForm("form-id");
};

Router.onStop(myResetFormFunction, {
    only: ['routeOne']
});

Tags

Recent Questions

Top Questions

Home Tags Terms of Service Privacy Policy DMCA Contact Us

©2020 All rights reserved.