Trigger invalid input after remote api call

[jeprojects]

I am trying to trigger an invalid input when I get a response from the server side after signup.

For example:

1. User signs up with jjj@jjj.com
2. Server replies with "email already taken"
3. trigger "[name=email]" input and show custom dynamic message "Email already taken"

I found a way to do it directly with jquery validator plugin (https://jqueryvalidation.org/Validator.showErrors/), but it doesn't look as nice.

Thanks in advance.

[jpkleemans]

Hi, have you tried the remote method?

[jeprojects]

@jpkleemans We aren't calling a http resource.

We are using a function from a sdk (AWS Cognito) which returns a result after the signup attempt.

[jpkleemans]

Ah, that's problematic. You could try to create a custom validation rule, but it's hard to make them async (maybe this can help). Another option would be to use the HTTP (REST) API from AWS Cognito, so you can use the remote method.

[jeprojects]

@jpkleemans Thanks for your help.

I am not trying to validate the form before submitting, just want to trigger the error div function that this plugin/jquery validation uses to show the error message.

Is there anyway to do this?

As mentioned before I did try this:

var validator = $( "#myshowErrors" ).validate();

validator.showErrors({
  "firstname": "I know that your firstname is Pete, Pete!"
});

While it works, it doesn't look as nice as when this plugin shows the error.