Custom validation rule with a promise

[menaka123]

I am trying to verify by getting validation from back end, I have added a rule

this.validator = new SimpleReactValidator({
            element: message => message,
            validators: {
                hasAHouseNumber: {
                    message: 'The :attribute must contain a number.',
                    rule: function(val, params, validator) {
                        API.getInstance().getPlaceDetails(val)
                            .then(response => {
                                if (response.status === 200 && response.data.status === 'OK')
                                {
                                    console.log(response.data.result.address_components)
                                    response.data.result.address_components.some(item => {
                                        if (item.types.indexOf('street_number') > -1) {
                                            console.log('here')
                                            return true
                                        }
                                    })
                                }
                                return false
                            }).catch(error => {
                                console.log(error)
                                return false
                            })
                        // return false
                    }
                }
            }
        });

But validation rules do not seem to get the result from the promise, am I doing something wrong here ?

[ej2015]

Is it because your rule is async, so the validation returns before it resolves? You may want to try async/await to force resolving the promise.

[stuyam]

Yeah right now the that method needs to immediately return true or false, Im not sure how an async validator would work.

I had worked on a solution for it at one point but it never was completed. But basically the idea was to be able to have validators that you can define as async and will be called in order on "submit" so you don't make tons of ajax calls as you type. Still open to suggestions about how to accomplish this.

[stuyam]

Attaching to #40 and closing this issue.