FancyGrid Form Format Input

by FancyGrid Inc.

HTML

<script src="https://cdn.jsdelivr.net/npm/fancygrid/client/fancy.min.js"></script>

<div id="container"></div>

JavaScript

function upInputFn(value) {
  value = value.toString().toLocaleUpperCase();

  return value;
}

function upFirstInputFn(value) {
  var splitted = value.split(' ');

  if (splitted[0].length) {
    value = splitted[0][0].toLocaleUpperCase() + splitted[0].substr(1, splitted[0].length);

    if (splitted.length !== 1) {
      value += ' ';
    }

    if (splitted[1]) {
      value += splitted[1][0].toLocaleUpperCase() + splitted[1].substr(1, splitted[1].length);
    }
  }

  return value;
}

function phoneInputFn(value) {
  value = parseInt(value.replace(/\-/g, ''));

  if (isNaN(value)) {
    value = '';
  } else {
    value = String(value);
  }

  switch (value.length) {
    case 0:
    case 1:
    case 2:
      break;
    case 4:
    case 5:
    case 6:
      value = value.replace(/^(\d{3})/, "$1-");
      break;
    case 7:
    case 8:
    case 9:
      value = value.replace(/^(\d{3})(\d{3})/, "$1-$2-");
      break;
    case 10:
      value = value.replace(/(\d{3})(\d{3})(\d{4})/, "$1-$2-$3");
      break;
    default:
      value = value.substr(0, 10);
      value = value.replace(/(\d{3})(\d{3})(\d{4})/, "$1-$2-$3");
  }

  return value;
}

function phoneBracketsInputFn(value) {
  value = parseInt(value.replace(/\-/g, '').replace(/\(/g, '').replace(/\)/g, ''));

  if (isNaN(value)) {
    value = '';
  } else {
    value = String(value);
  }

  switch (value.length) {
    case 0:
      break;
    case 1:
    case 2:
      value = '(' + value;
      break;
    case 3:
      value = '(' + value;
      break;
    case 4:
    case 5:
    case 6:
      value = value.replace(/^(\d{3})/, "($1)-");
      break;
    case 7:
    case 8:
    case 9:
      value = value.replace(/^(\d{3})(\d{3})/, "($1)-$2-");
      break;
    case 10:
      value = value.replace(/(\d{3})(\d{3})(\d{4})/, "($1)-$2-$3");
      break;
    default:
      value = value.substr(0, 10);
      value = value.replace(/(\d{3})(\d{3})(\d{4})/, "($1)-$2-$3");
  }

  return value;
}

function...