Replace OOTB browser messages with constant strings

[ravise5]

Context:

The OOTB browser messages cannot be localised as they are not part of our code and these messages often vary from
browser to browser.
In this PR these browser validity messages are replaced by a set of fixed strings maintained in the constants.js file ,
so that OOTB error messages are consistent across browsers and localisable.

cc: @vdua

Please always provide the GitHub issue(s) your PR is for, as well as test URLs where your change can be observed (before and after):

Fix #

Test URLs:

• Before: https://dev--aem-boilerplate-forms--adobe-rnd.hlx.page/
• After: https://errormessage--aem-boilerplate-forms--adobe-rnd.hlx.page/

[aem-code-sync]

Hello, I'm the AEM Code Sync Bot and I will run some actions to deploy your branch and validate page speed.
In case there are problems, just click a checkbox below to rerun the respective action.

• Re-run PSI checks
• Re-sync branch

Commits

• aaf0e0a 🔄 (latest)
• 0d1f45e ✅
• bf2d830 ✅

[aem-code-sync]

Page	Scores	Audits	Google
/

[vdua]

shouldn't this be added along with the localisation change to keep the context why it was done.

[ravise5]

shouldn't this be added along with the localisation change to keep the context why it was done.

Wanted to keep things less cluttered. Localisation PR is not yet merged, I'll raise it once this is merged.

[amit-mnnit]

Context:

The OOTB browser messages cannot be localised as they are not part of our code and these messages often vary from browser to browser. In this PR these browser validity messages are replaced by a set of fixed strings maintained in the constants.js file , so that OOTB error messages are consistent across browsers and localisable.

cc: @vdua

Please always provide the GitHub issue(s) your PR is for, as well as test URLs where your change can be observed (before and after):

Fix #

Test URLs:

• Before: https://dev--aem-boilerplate-forms--adobe-rnd.hlx.page/
• After: https://errormessage--aem-boilerplate-forms--adobe-rnd.hlx.page/

According to the documentation, element.validationMessage returns the localized message.
please check https://developer.mozilla.org/en-US/docs/Web/API/HTMLObjectElement/validationMessage

[vdua]

According to the documentation, element.validationMessage returns the localized message.
please check https://developer.mozilla.org/en-US/docs/Web/API/HTMLObjectElement/validationMessage

I also thought so, but it is not localised as per the page language. @ravise5 has confirmed that.