Как правильно составить html pattern

#javascript #html #jquery

В поле задаю тип string, и нужно чтобы проверялось на количество символов, максимально
7 штук, и чтобы можно было вводить только цифры в виде строки. Как это правильно реализовать,
подскажите пожалуйста:



$(function() {
  $("input[name=km]").on("invalid", function() {
    this.setCustomValidity("Код материала должен содержать 7 цифр.");
  });
});



  Матеріал 
  




    

Ответы

Ответ 1

pattern = [\d]{7}


или 

pattern = [0-9]{7}


Ответ 2

Я бы совсем отказался от скрипта, если не предполагается более тщательная проверка
и дополнительные действия:



.input-wrap {
  position: relative;
  display: inline-block;
}

#km+span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  border: 1px solid red;
  font: oblique .75em 'Arial';
  text-align: center;
  color: #754;
  background-color: #fec;
  opacity: 0;
  pointer-events: none;
  transition: .5s ease;
}

#km:invalid+span {
  opacity: 1;
  top: 2.1em;
}

  Матеріал
  
    
    Код материала должен содержать 7 цифр.