Html5 - Remove chrome error of input date when insert incomplete date

Question

I have a problem with chrome: when I insert an incomplete date in an input date, like "12/dd/yyyy" and I submit the form, chrome shows me an error like

Please enter a valid value. The field is incomplete or has an invalid date

error

Anyone knows how to remove this error and show a custom error with jquery or js, like: "ERROR: The date you entered is not valid"?

Sorry for my english and thanks in advice.

Seems similar to this https://stackoverflow.com/questions/3090369/disable-validation-of-html5-form-elements — Diljohn5741, Nov 02 '18 at 10:42
If you want to get rid of Chrome's validation, just don't use `type="date"` — , Nov 02 '18 at 10:43

score 2 · Accepted Answer · answered Nov 02 '18 at 10:44

You should use novalidate. It prevents the automatic browser validation when submitting a form.

This form will not submit if the input is invalid:

<form action="#">
  <input type="date"/>
  <input type="submit"/>
<form>

This form will submit even if the input is invalid:

<form action="#" novalidate>
  <input type="date"/>
  <input type="submit"/>
<form>

Html5 - Remove chrome error of input date when insert incomplete date

1 Answers1