jQuery addClass example

Change class name on click in jQuery

by Andrey

HTML

<script src="https://rawgit.com/RobinHerbots/Inputmask/4.x/dist/jquery.inputmask.bundle.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.0/jquery.validate.min.js"></script>
<form action="">
  <input type="text" pattern="[IVX]{1,3}-[А-ЯЁ]{2}-[0-9]{6}" required placeholder="Свидетельство о рождении РФ">
  <br>
  <input type="text" pattern="([А]{3})|([В]{3})|([С]{3})|([Е]{3})|([Х]{3})|([К]{3})|([М]{3})" required placeholder="Серия"> <input type="text" pattern="[0-9]{10}" required placeholder="Номер">
  <br>
  <button>Send</button>
</form>

JavaScript

Inputmask.extendDefaults({
  placeholder: ' ',
  showMaskOnHover: false,
  jitMasking: true
});



$("input[pattern]").each(function() {
var $input = $(this);
  $input.inputmask({
    regex: $input.attr("pattern"),
    casing: 'upper'
  });
})

$.validator.addMethod("pattern", function(value, element, param) {
  if (this.optional(element)) {
    return true;
  }
  if (typeof param === "string") {
    param = new RegExp("^(?:" + param + ")$");
  }
  return param.test(value);
}, 'Неверный формат');
$('form').validate({
  messages: {
    docNumber: {
      required: "Номер полиса обязательный",
      pattern: "Некорректный номер"
    }
  }
});