Validate on blur

[doogdeb]

Hi, I can see that it validates client-side on submit; but can it be configured to validate fields on blur as well?

[sinanbozkus]

Hi, I can see that it validates client-side on submit; but can it be configured to validate fields on blur as well?

What kind of validate do you want to add? Can you give me an example? (Like required field, email alredy in use check etc.)

[doogdeb]

For any type of fluent validation (required, less than, equal to, custom etc.). Unobtrusive validation fires on blur, so If user tabs through the fields the validation will fire. Can Form Helper be configured to do the same?

[sinanbozkus]

I'm thinking about this. I am going to find a solution soon.

[doogdeb]

I'm thinking about this. I am going to find a solution soon.

That's great. That's the only thing that would stop me from being able to implement this in work.

[sinanbozkus]

For any type of fluent validation (required, less than, equal to, custom etc.). Unobtrusive validation fires on blur, so If user tabs through the fields the validation will fire. Can Form Helper be configured to do the same?

https://im5.ezgif.com/tmp/ezgif-5-26ba596a1eba.gif

FormHelper already supports validations like "required", "less than" and "equal to" on blur/keyup. You can check the Gif or the sample project.

If you want to do custom validates like "email address is already in use". I can add an attribute to inputs like "asp-custom-validate-url". Every input can go to an action to validate own value. Is it ok for you?

[doogdeb]

I've created a sample project based off your blog post. When page first loads and fields are empty, tabbing out doesn't fire validation. Only on populating field and deleting does it then fire. I just have NotNull validation on the field.

[sinanbozkus]

I found a solution and published a new prerelease package.

https://www.nuget.org/packages/FormHelper/3.3.1-beta2

After tests, I am going to add this feature to the new version. Can you check it?

Thanks.

[doogdeb]

Thanks for fixing so quickly.

[doogdeb]

I have another query but I'll create another discussion. for it.

[sinanbozkus]

Thanks for fixing so quickly.

You're welcome. I would be happy if you give a star to this library.
And you can mark an answer to the message.
Thanks.

[doogdeb]

Of course. I just gave a star.

[doogdeb]

One thing to note, is that because the script wasn't versioned, the browser cached it. Will cause issues for users who update package without changing script version.

<script src="/formhelper/formhelper.bundle.min.js"></script> <script src="/formhelper/formhelper.bundle.min.js?v2"></script>