MontoyaTech/ignite-html-validate
MontoyaTech/ignite-html-validate
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Added validate not function to ensure an input is not a value. The notify function now scrolls the element into view automatically.

Browse Source
This commit is contained in:
Matt Mo 2021-08-02 20:33:13 -07:00
parent 05d6a37152
commit 49beb6c87e
1 changed files with 16 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
ignite-html-validate.js
View File

@ -22,6 +22,8 @@ function notify(target, type, msg, duration) {
color = "#10c469"; color = "#10c469";
} }
target.scrollIntoView({ behavior: "smooth" });
if (target._validation && target._validation.isConnected) { if (target._validation && target._validation.isConnected) {
target._validation.remove(); target._validation.remove();
} }
@ -263,6 +265,20 @@ IgniteTemplate.prototype.validateMax = function (max, msg) {
}); });
} }
/**
* Validates an input to make sure it it's value is not the given value.
* @param {Any} expected The value the input cannot have in order to be considered valid.
* @param {string|Function|IgniteProperty} msg The message to display when the input length is too long. If null a deafult one will show.
* @returns {IgniteTemplate} This ignite template.
*/
IgniteTemplate.prototype.validateNot = function(expected, msg) {
return this.validate((value, error) => {
if (!value || value == expected) {
return error(msg ? msg : `Input cannot be ${expected}.`);
}
});
}
/** /**
* Validates an input to make sure it includes a string. * Validates an input to make sure it includes a string.
* @param {string} str The string that the input must include. * @param {string} str The string that the input must include.