tonyair/webpack-bootstrap-ui-kit
1
0
Fork 0
mirror of https://github.com/a2nt/webpack-bootstrap-ui-kit.git synced 2024-10-22 11:05:45 +02:00
Code Issues Projects Releases Wiki Activity

IMPR: JS validate Min/max length

Browse Source
This commit is contained in:
Tony Air 2020-10-11 23:09:12 +07:00
parent 0609a9dfe7
commit b175062400
1 changed files with 28 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
src/js/_components/_ui.form.validate.field.js
View File

@ -70,11 +70,39 @@ const FormValidateField = (($) => {
// validate URL // validate URL
if ($el.hasClass('url') && val.length && !this.valideURL(val)) { if ($el.hasClass('url') && val.length && !this.valideURL(val)) {
valid = false; valid = false;
msg = msg =
'URL must start with http:// or https://. For example: https://your-domain.com/'; 'URL must start with http:// or https://. For example: https://your-domain.com/';
console.warn(`${NAME}: Wrong URL #${$el.attr('id')}`); console.warn(`${NAME}: Wrong URL #${$el.attr('id')}`);
} }
let unmaskedVal = val;
if(typeof $el.inputmask === 'function'){
unmaskedVal = $el.inputmask('unmaskedvalue');
}
// maxlength
const maxLength = $el.attr('maxlength');
if(maxLength && maxLength.length) {
if(unmaskedVal.length > maxLength){
valid = false;
msg = `The value is limited to ${maxLength} chars`;
console.warn(`${NAME}: Too long value #${$el.attr('id')}`);
}
}
// minlength
const minLength = $el.attr('minlength');
if(minLength && minLength.length) {
if(unmaskedVal.length < minLength){
valid = false;
msg = `The value should contain more than ${minLength} chars`;
console.warn(`${NAME}: Too short value #${$el.attr('id')}`);
}
}
this.removeError(); this.removeError();
// extra checks // extra checks