aw-front-helpers 2.5.23 → 2.5.25

package/classes/formControl.js

@@ -27,6 +27,12 @@ const defaultOptions = {
     radio: window.Translator
       ? window.Translator.trans('form_errors.radio')
       : 'Veuillez sélectionner au moins un choix.',
+    minLength: window.Translator
+      ? window.Translator.trans('form_errors.min_length')
+      : 'Ce champ doit contenir au minimum %length% caractères',
+    maxLength: window.Translator
+      ? window.Translator.trans('form_errors.max_length')
+      : 'Ce champ doit contenir au maximum %length% caractères',
     pattern: window.Translator
       ? window.Translator.trans('form_errors.pattern')
       : 'La donnée saisie ne respecte pas les règles énoncées.',
@@ -112,6 +118,25 @@ export default class FormControl {
     this._formGrabDom();
   }
 
+  addControl(el, controlName, test, errorMessage) {
+    if(!el) return
+    el.specialControls = el.specialControls || {};
+    el.specialControls[controlName] = {
+      isValid: () => test(el.value), errorMessage
+    }
+  }
+
+  checkError(el) {
+    this._checkError(el);
+  }
+
+  removeControl(el, controlName) {
+    if(!el) return
+    if(el.specialControls && el.specialControls[controlName]) {
+      delete el.specialControls[controlName];
+    }
+  }
+
   removeErrors(el = null) {
     this._removeError(el);
   }
@@ -248,7 +273,24 @@ export default class FormControl {
       invalid = true;
       this.setError(el, this._options.i18n.same);
     }
-
+    if (!testMinLength(el, this._form)) {
+      invalid = true;
+      const minLength = el.getAttribute('minlength');
+      this.setError(el, this._options.i18n.minLength.replace('%length%', minLength));
+    }
+    if (!testMaxLength(el, this._form)) {
+      invalid = true;
+      const maxLength = el.getAttribute('maxlength');
+      this.setError(el, this._options.i18n.maxLength.replace('%length%', maxLength));
+    }
+    if( el.specialControls ) {
+      for( let key in el.specialControls ) {
+        if( !el.specialControls[key].isValid() ) {
+          invalid = true;
+          this.setError(el, el.specialControls[key].errorMessage);
+        }
+      }
+    }
     return invalid;
   }
 
@@ -335,6 +377,32 @@ export function testRequired(el, form) {
   return el.value !== '';
 }
 
+/**
+ * Test required input minlength is valid
+ * @param  {Element} el     Input to test
+ * @param  {Element} form   Formulaire
+ * @return {Boolean} Returns if element is valid or not
+ */
+export function testMinLength(el, form) {
+  const minLength = el.getAttribute('minlength');
+  if (minLength === null) return true;
+  const value = el.value.trim();
+  return value === '' || (value !== '' && value.length >= parseInt(minLength))
+}
+
+/**
+ * Test required input maxlength is valid
+ * @param  {Element} el     Input to test
+ * @param  {Element} form   Formulaire
+ * @return {Boolean} Returns if element is valid or not
+ */
+export function testMaxLength(el, form) {
+  const maxLength = el.getAttribute('maxlength');
+  if (maxLength === null) return true;
+  const value = el.value.trim();
+  return value === '' || (value !== '' && value.length <= parseInt(maxLength))
+}
+
 /**
  * Test input of email type is valid
  * @param  {Element} el     Input to test

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "aw-front-helpers",
-  "version": "2.5.23",
+  "version": "2.5.25",
   "description": "Assets helpers for projects",
   "author": "Yoann Le Poupon",
   "license": "ISC",