How run validation on input that have a value set ? (programming.dev)

submitted 2 years ago* (last edited 2 years ago) by Rick_C137@programming.dev to c/javascript@programming.dev

9 comments fedilink hide all child comments

~~ cross-posted from: https://programming.dev/post/9179830 ~~

Hi,

I'm loading some content with XHR (aka Ajax) the loaded input elements that have a invalid value assigned are not checked trough the validation process.

so the CSS styling with :invalid is for example not working etc..

is there a way to force the validation process on those elements ?

edit: Browser is Firefox

Thanks.

you are viewing a single comment's thread
view the rest of the comments

[-] Rick_C137@programming.dev 1 points 2 years ago* (last edited 2 years ago)

Thank @daisyKutter@lemmy.ml

it's look like that that code only verify the form when submitting.. I need to check the validity when the element has been loaded.

btw checkValidity() do not solve this issue as it return True when the length is longer than maxlength ! O_o I guess this is were is lying the "bug"

My two cent

For me this is a huge flaw ! I don't understand how we (dev) are we still developing on "standard" that are so f*ck-up..

[-] daisyKutter@lemmy.ml 1 points 2 years ago

There are several proposed workarounds there, like

https://caniuse.com/constraint-validation

this post was submitted on 27 Jan 2024

7 points (100.0% liked)

JavaScript

2786 readers

1 users here now

founded 3 years ago

MODERATORS

erlingur@programming.dev

Ategon@programming.dev

nick@programming.dev