0

Есть стандартный скрипт валидации 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 четыре цифры.

4
  • модифицифируйте функцию checkValidity соответствующим образом.
    – teran
    19 янв 2021 в 17:18
  • Подробнее можно, с примером кода?
    – Alex Z
    19 янв 2021 в 17:53
  • пардоньте, это оказывается стандартный метод формы. Но собственно 4 цифры в инпуте вы можете проверить с помощью <input id="year" pattern="20\d\d" /> для диапазона 2000-2099 например.
    – teran
    19 янв 2021 в 18:47
  • Это вариант, но Safari не поддерживает (
    – Alex Z
    19 янв 2021 в 19:23

1 ответ 1

0

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

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>

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.