wickes-css2 2.106.0-develop.7 → 2.106.0-develop.8

package/build/js/page/utils/validation.js

@@ -257,7 +257,6 @@ export function wrapWithError(element) {
 
 }
 
-
 export function addErrorMessage(element, errorMessage) {
     if (errorMessage) {
         $(element).append('<div class="form-row__error">' + errorMessage + '</div>');
@@ -316,3 +315,49 @@ export function validateGuidPattern (value) {
 export function validateUserFriendlyIdPattern (value) {
     return patterns.userFriendlyIdPattern.test(value);
 }
+
+export function showErrorText($input, message, fieldSelector, errorTextClass, errorClass, ariaInvalidAttr) {
+  const $field = $input.closest(fieldSelector);
+  $field.addClass(errorClass);
+  $input.attr(ariaInvalidAttr, 'true');
+
+  let $err = $field.find(errorTextClass);
+  if (!$err.length) {
+    $err = $(`<div class="${errorTextClass.slice(1)}" />`).appendTo($field);
+  }
+  $err.text(message);
+}
+
+export function clearErrorText($input, fieldSelector, errorTextClass, errorClass, ariaInvalidAttr) {
+  const $field = $input.closest(fieldSelector);
+  $field.removeClass(errorClass);
+  $input.removeAttr(ariaInvalidAttr);
+  $field.find(errorTextClass).remove();
+}
+
+ function digitsOnly(value) {
+  return String(value || '').replace(/\D/g, '');
+}
+
+function hasExactDigits(value, n) {
+  return digitsOnly(value).length === Number(n);
+}
+
+function validateByPredicate($input, predicate, message, {
+  fieldSelector,
+  errorText: errorTextClass,
+  fieldError: errorClass,
+  ariaInvalidAttr,
+}) {
+  const ok = !!predicate(String($input.val() || ''));
+  if (!ok) {
+    showErrorText($input, message, fieldSelector, errorTextClass, errorClass, ariaInvalidAttr);
+  } else {
+    clearErrorText($input, fieldSelector, errorTextClass, errorClass, ariaInvalidAttr);
+  }
+  return ok;
+}
+
+export function validateExactDigits($input, n, message, cfg) {
+  return validateByPredicate($input, (v) => hasExactDigits(v, n), message, cfg);
+}