@vaadin/field-base - npm Package Compare versions

package.json

src/validate-mixin.d.ts

		@@ -33,2 +33,10 @@ /**
		checkValidity(): boolean;

		/**
		* Fired whenever the field is validated.
		*
		* @event validated
		* @param {Object} detail
		* @param {boolean} detail.valid the result of the validation.
		*/
		}

src/validate-mixin.js

		@@ -39,8 +39,13 @@ /**
		/**
		* Returns true if field is valid, and sets `invalid` based on the field validity.
		* Validates the field and sets the `invalid` property based on the result.
		*
		* The method fires a `validated` event with the result of the validation.
		*
		* @return {boolean} True if the value is valid.
		*/
		validate() {
		return !(this.invalid = !this.checkValidity());
		const isValid = this.checkValidity();
		this.invalid = !isValid;
		this.dispatchEvent(new CustomEvent('validated', { detail: { valid: isValid } }));
		return isValid;
		}
		@@ -56,3 +61,11 @@
		}

		/**
		* Fired whenever the field is validated.
		*
		* @event validated
		* @param {Object} detail
		* @param {boolean} detail.valid the result of the validation.
		*/
		},
		);

New alerts