'this' does not contain validated form values in action callback

[steph643]

When using data= to setup initial form values, this of the action callback contains those initial values instead of the new validated values.

This issue does not occur when not using data=.

A workaround is to use the els argument to get the value from the DOM:

        return function(els, callbacks) {
            var fields = {};
            els.forEach(function(el)
                {
                var $el = $(el);
                var name = $el.attr('name');
                check(name, String);
                fields[name] = $el.val();
                });

            // Here 'this' contains the old values and 'fields' contains the new ones
            ...
        }

[jonjamz]

Thanks for the workaround. I will fix this ASAP.

[jonjamz]

Just want to confirm--does this happen when you've made changes to the form elements that passed validation?

[steph643]

I cannot reproduce the issue! Please let me check.

[steph643]

Got it: the issue occurs when I change the value programatically (using $element.val(newValue)). The issue does not occur when changing the value manually (normal case). My mistake is that I expected the package to behave the same way when changing values manually and programatically. Sorry for that.

[steph643]

I will add a feature request for a function to change values programatically :-)

[jonjamz]

When you register an element, the validationEvent is what triggers the change. So you can probably pull it off just by triggering that event on the element with the ".reactive-element" class with jQuery after the update.

[steph643]

Your suggestion works like a charm, thanks a lot!