Case Analysis of JavaScript constraint Verification DOM attribute
Most people do not understand the knowledge points of this "JavaScript constraint verification DOM attribute instance analysis" article, so the editor summarizes the following contents, detailed contents, clear steps, and has a certain reference value. I hope you can get something after reading this article. Let's take a look at this "JavaScript constraint verification DOM attribute instance analysis" article.
Constraint validation DOM attribute
Validity: Boolean attribute value, which returns whether the input input value is legal
ValidationMessage: browser error message
WillValidate: specifies whether input needs to be validated
Validity attribute
The validity attribute of the input element contains a series of attributes about validity data:
CustomError: set to true, if custom validity information is set.
PatternMismatch: set to true if the value of the element does not match its schema attribute.
RangeOverflow: set to true if the value of the element is greater than the maximum value set.
RangeUnderflow: set to true if the value of the element is less than its minimum value.
StepMismatch: set to true if the value of the element is not set according to the specified step attribute.
TooLong: set to true if the value of the element exceeds the length set by the maxLength attribute.
TypeMismatch: set to true if the value of the element is not the expected matching type.
ValueMissing: set to true if the element (required attribute) has no value.
Valid: set to true if the value of the element is legal.
Case study
If the value entered is greater than 100, a message is displayed:
RangeOverflow attribute
