happy-dom-without-node
Version:
Happy DOM is a JavaScript implementation of a web browser without its graphical user interface. It includes many web standards from WHATWG DOM and HTML.
167 lines • 6.42 kB
JavaScript
import * as PropertySymbol from '../PropertySymbol.js';
import HTMLInputElement from '../nodes/html-input-element/HTMLInputElement.js';
import HTMLTextAreaElement from '../nodes/html-text-area-element/HTMLTextAreaElement.js';
const EMAIL_REGEXP = /^([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x22([^\x0d\x22\x5c\x80-\xff]|\x5c[\x00-\x7f])*\x22)(\x2e([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x22([^\x0d\x22\x5c\x80-\xff]|\x5c[\x00-\x7f])*\x22))*\x40([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x5b([^\x0d\x5b-\x5d\x80-\xff]|\x5c[\x00-\x7f])*\x5d)(\x2e([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x5b([^\x0d\x5b-\x5d\x80-\xff]|\x5c[\x00-\x7f])*\x5d))*$/;
const URL_REGEXP = /^(?:(?:https?|HTTPS?|ftp|FTP):\/\/)(?:\S+(?::\S*)?@)?(?:(?!(?:10|127)(?:\.\d{1,3}){3})(?!(?:169\.254|192\.168)(?:\.\d{1,3}){2})(?!172\.(?:1[6-9]|2\d|3[0-1])(?:\.\d{1,3}){2})(?:[1-9]\d?|1\d\d|2[01]\d|22[0-3])(?:\.(?:1?\d{1,2}|2[0-4]\d|25[0-5])){2}(?:\.(?:[1-9]\d?|1\d\d|2[0-4]\d|25[0-4]))|(?:(?:[a-zA-Z\u00a1-\uffff0-9]-*)*[a-zA-Z\u00a1-\uffff0-9]+)(?:\.(?:[a-zA-Z\u00a1-\uffff0-9]-*)*[a-zA-Z\u00a1-\uffff0-9]+)*)(?::\d{2,5})?(?:[\/?#]\S*)?$/;
/**
* Input validity state.
*
* Based on:
* https://github.com/cferdinandi/validate/blob/master/src/js/_validityState.polyfill.js
*
* @see https://developer.mozilla.org/en-US/docs/Web/API/ValidityState
*/
export default class ValidityState {
/**
* Constructor.
*
* @param element Input element.
*/
constructor(element) {
this.element = element;
}
/**
* Returns validity.
*
* @returns "true" if valid.
*/
get badInput() {
return (this.element instanceof HTMLInputElement &&
(this.element.type === 'number' || this.element.type === 'range') &&
this.element.value.length > 0 &&
!/^[-+]?(?:\d+|\d*[.,]\d+)$/.test(this.element.value));
}
/**
* Returns validity.
*
* @returns "true" if valid.
*/
get customError() {
return this.element[PropertySymbol.validationMessage].length > 0;
}
/**
* Returns validity.
*
* @returns "true" if valid.
*/
get patternMismatch() {
return (this.element instanceof HTMLInputElement &&
this.element.hasAttribute('pattern') &&
this.element.value.length > 0 &&
this.element.value.replace(new RegExp(this.element.getAttribute('pattern')), '').length > 0);
}
/**
* Returns validity.
*
* @returns "true" if valid.
*/
get rangeOverflow() {
return (this.element instanceof HTMLInputElement &&
this.element.hasAttribute('max') &&
(this.element.type === 'number' || this.element.type === 'range') &&
this.element.value.length > 0 &&
Number(this.element.value) > Number(this.element.getAttribute('max')));
}
/**
* Returns validity.
*
* @returns "true" if valid.
*/
get rangeUnderflow() {
return (this.element instanceof HTMLInputElement &&
this.element.hasAttribute('min') &&
(this.element.type === 'number' || this.element.type === 'range') &&
this.element.value.length > 0 &&
Number(this.element.value) < Number(this.element.getAttribute('min')));
}
/**
* Returns validity.
*
* @returns "true" if valid.
*/
get stepMismatch() {
return (this.element instanceof HTMLInputElement &&
(this.element.type === 'number' || this.element.type === 'range') &&
((this.element.hasAttribute('step') &&
this.element.getAttribute('step') !== 'any' &&
Number(this.element.value) % Number(this.element.getAttribute('step')) !== 0) ||
(!this.element.hasAttribute('step') && Number(this.element.value) % 1 !== 0)));
}
/**
* Returns validity.
*
* @returns "true" if valid.
*/
get tooLong() {
return ((this.element instanceof HTMLInputElement || this.element instanceof HTMLTextAreaElement) &&
this.element.maxLength > 0 &&
this.element.value.length > this.element.maxLength);
}
/**
* Returns validity.
*
* @returns "true" if valid.
*/
get tooShort() {
return ((this.element instanceof HTMLInputElement || this.element instanceof HTMLTextAreaElement) &&
this.element.minLength > 0 &&
this.element.value.length > 0 &&
this.element.value.length < this.element.minLength);
}
/**
* Returns validity.
*
* @returns "true" if valid.
*/
get typeMismatch() {
return (this.element instanceof HTMLInputElement &&
this.element.value.length > 0 &&
((this.element.type === 'email' && !EMAIL_REGEXP.test(this.element.value)) ||
(this.element.type === 'url' && !URL_REGEXP.test(this.element.value))));
}
/**
* Returns validity.
*
* @returns "true" if valid.
*/
get valueMissing() {
if (!this.element.required) {
return false;
}
if (this.element instanceof HTMLInputElement) {
if (this.element.type === 'checkbox') {
return !this.element.checked;
}
else if (this.element.type === 'radio') {
if (this.element.checked) {
return false;
}
if (!this.element.name) {
return true;
}
const root = this.element[PropertySymbol.formNode] ||
this.element.getRootNode();
return !root || !root.querySelector(`input[name="${this.element.name}"]:checked`);
}
}
return this.element.value.length === 0;
}
/**
* Returns validity.
*
* @returns "true" if valid.
*/
get valid() {
return (!this.badInput &&
!this.customError &&
!this.patternMismatch &&
!this.rangeOverflow &&
!this.rangeUnderflow &&
!this.stepMismatch &&
!this.tooLong &&
!this.tooShort &&
!this.typeMismatch &&
!this.valueMissing);
}
}
//# sourceMappingURL=ValidityState.js.map