jquery-validation / jquery-validation

jQuery Validation Plugin library sources

Home Page:https://jqueryvalidation.org/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Validation behaviour

muling opened this issue · comments

commented

Your environment

  • Version of jquery-validate:
  • Browser name and version:
    -- All browsers and versions

Current behavior

After the first failed attempt of filling out a form, an error message would re-appear while trying to type in valid data.

Expected behavior

The error message should only re-appear at end (focus off) of entry if/when the data is invalid.

Live demo

https://louise-gancz.nimbusweb.me/share/8577898/zn9kr2f2f282n3xub5e9

commented

Unsure if this help but I think what they are talking about can be seen on https://jqueryvalidation.org/phoneUS-method/

On that demo page

  1. Submit form blank or enter incorrect phone number then tab out
  2. Attempt to enter phone number, error repeats till correct phone number is enter

I believe this is currently normal behaviour, but I think original poster believes it to be an accessibility issue.

commented

@muling please provide a JS Fiddle to demonstrate/replicate the issue.

commented

I think that is expected functionality.

commented

But wondering why it's done this way. It's confusing to the user. Especially before submitting the first time, it doesn't do this.