Как сделать валидацию на javascript?

Question

Есть стандартный скрипт валидации bootstrap

  'use strict'

  var forms = document.querySelectorAll('.needs-validation')

  Array.prototype.slice.call(forms)
    .forEach(function (form) {
      form.addEventListener('submit', function (event) {
        if (!form.checkValidity()) {
          event.preventDefault()
          event.stopPropagation()
        } 
        form.classList.add('was-validated')
      }, false)
    })
})()

Но он проверяет, только пустые ли значения. А нужно проверить например, содержит ли поле input с id=year четыре цифры.

Answer 1

Стоит попробовать регулярные выражения. Либо замена, как в примере, либо просто проверять совпадения

console.clear();

let inp = document.querySelector('input');
let btn = document.querySelector('button');

const valid = (val) => {
  val = val.replace(/[^0-9]/g,'').slice(0,4);
  inp.value = val;
}

btn.addEventListener('click' , () => {
  valid(inp.value);
})

<input type="text" data-validation="4-symbols" value="123456789asd">
<button>GO</button>

БЛОГ НА HUSL

Как сделать валидацию на javascript?

Ответы (1 шт):