Clear error on Knockout-Validation

Question

I have a page setup with Knockout.js and using Knockout-Validation.

During the page load I put another plugin on a select box which fires a change, which fires the validation. I need to be able to clear that error using JS so I can start with a fresh looking UI and give feedback on the form post or select box change.

I can't find anything that allows me to clear an error in Knockout-Validation.

score 31 · Answer 1 · edited Feb 03 '17 at 10:53

31

Probably a better way that follows what is already implemented in knockout validation is to say property.isModified(false);

if you have a whole view model to reset simply loop through all the validated properties and call that isModified(false)

See the comment from Eric Barnard here

Hope that helps

edited Feb 03 '17 at 10:53

Hakan Fıstık

16,800
14
110
131

answered Jan 24 '13 at 21:51

Pure Function

2,129
1
22
31

Thanks. Also, this may be obvious to others but you have to do it after you clear the field. Example : _thisComment(''); _this.Comment.isModified(false). Easy validation reset. – Brian Rosamilia May 19 '13 at 05:05
1

this is exactly what `showAllMessages(false)` does internally, as answered by @yoann – Simon_Weaver May 07 '14 at 02:09

score 25 · Answer 2 · answered Jun 06 '13 at 04:46

25

Late answer but if anyone needs it :

// assuming the ko.observable on the checkbox is called propBoolean
var propBooleanlValid = ko.validation.group(self.propBoolean, { deep: false });
propBooleanlValid .showAllMessages(false);

It will hide the message till the next validation.

answered Jun 06 '13 at 04:46

Yooz

2,506
21
31

2

This works great, thank you! This should be in the ko validation docs. – Ross Apr 29 '14 at 17:10
2

note: make sure you have `messagesOnModified: true` in your configuration. if it's false then the message will show always – Simon_Weaver May 07 '14 at 02:15
i feel this is the best of three – Muhammad Raheel Jul 23 '14 at 06:19

score 4 · Answer 3 · edited Feb 12 '14 at 09:55

4

Found the answer by implementing this Pull Request.

https://github.com/Knockout-Contrib/Knockout-Validation/pull/184

Gives me the feature I need.

edited Feb 12 '14 at 09:55

Jake

57
7

answered Dec 05 '12 at 16:20

Clarence Klopfstein

4,682
10
33
47

Not to offend but I feel like this answer is not the one people should be taking as action when they want this functionality. whence my downvote. I upvoted your question though, its a good one! :) – Pure Function Feb 07 '13 at 04:21

score 1 · Answer 4 · answered Dec 01 '20 at 13:22

One way to solve it is by using a custom validator where you check for a flag in your viewmodel like "ignoreValidation". If that flag is true, then you let the validator pass.

Example of how that validator would look like:

viewmodel.userHasPremiumMembership.extend({
    validation: [
        {
            validator: function () {
                if (viewmodel.ignoreValidation) {
                    return true;
                }

                return viewmodel.userHasPremiumMembership();
            },
            message: 'User needs to have premium membership.'
        }
    ]
});

score 0 · Answer 5 · edited May 23 '17 at 12:32

0

If you use an entity manager make sure to not include the entityAspect in the validation since it is connected to all other entities. Also see How to rollback knockout validation errors?

edited May 23 '17 at 12:32

Community

1
1

answered Jul 14 '16 at 11:06

Stefan

10,010
7
61
117

Clear error on Knockout-Validation

5 Answers5

Linked