You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
73 lines
2.4 KiB
73 lines
2.4 KiB
"use strict";
|
|
|
|
const ValidityState = require("../generated/ValidityState");
|
|
const { isDisabled } = require("../helpers/form-controls");
|
|
const { closest } = require("../helpers/traversal");
|
|
const { fireAnEvent } = require("../helpers/events");
|
|
|
|
exports.implementation = class DefaultConstraintValidationImpl {
|
|
// https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#dom-cva-willvalidate
|
|
get willValidate() {
|
|
return this._isCandidateForConstraintValidation();
|
|
}
|
|
|
|
get validity() {
|
|
if (!this._validity) {
|
|
this._validity = ValidityState.createImpl(this);
|
|
}
|
|
return this._validity;
|
|
}
|
|
|
|
// https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#dom-cva-checkvalidity
|
|
checkValidity() {
|
|
if (!this._isCandidateForConstraintValidation()) {
|
|
return true;
|
|
}
|
|
if (this._satisfiesConstraints()) {
|
|
return true;
|
|
}
|
|
fireAnEvent("invalid", this, undefined, { cancelable: true });
|
|
return false;
|
|
}
|
|
|
|
// https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#dom-cva-setcustomvalidity
|
|
setCustomValidity(message) {
|
|
this._customValidityErrorMessage = message;
|
|
}
|
|
|
|
// https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#dom-cva-reportvalidity
|
|
// Since jsdom has no user interaction, it's the same as #checkValidity
|
|
reportValidity() {
|
|
return this.checkValidity();
|
|
}
|
|
|
|
// https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#dom-cva-validationmessage
|
|
get validationMessage() {
|
|
const { validity } = this;
|
|
if (!this._isCandidateForConstraintValidation() || this._satisfiesConstraints()) {
|
|
return "";
|
|
}
|
|
const isSufferingFromCustomError = validity.customError;
|
|
if (isSufferingFromCustomError) {
|
|
return this._customValidityErrorMessage;
|
|
}
|
|
return "Constraints not satisfied";
|
|
}
|
|
|
|
_isCandidateForConstraintValidation() {
|
|
// https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#attr-fe-disabled
|
|
return !isDisabled(this) &&
|
|
// If an element has a datalist element ancestor,
|
|
// it is barred from constraint validation.
|
|
closest(this, "datalist") === null &&
|
|
!this._barredFromConstraintValidationSpecialization();
|
|
}
|
|
|
|
_isBarredFromConstraintValidation() {
|
|
return !this._isCandidateForConstraintValidation();
|
|
}
|
|
|
|
_satisfiesConstraints() {
|
|
return this.validity.valid;
|
|
}
|
|
};
|
|
|