Шаблон не работает с атрибутами только для чтения

Question

У меня есть эта форма, в которой пользователю нужно указать количество дней, и оно не может быть меньше 1. Итак, я поместил там шаблон с атрибутом только для чтения. У меня вопрос, почему шаблон не работает, когда я помещаю атрибут readonly? Допустим, numofdays равен нулю, предположительно, когда я отправлю, он скажет, что шаблон не совпадает. Но когда я ставлю readonly, шаблон не работает, и форма отправляется, даже если шаблон не является правильным. Есть ли способ, которым я могу это сделать?

HTML

<form>

<input class="form-control" type="text" name="numofdays" id="id1" value="diffdays"  pattern="[1-9]"  title="No of days should not be less than 1" readonly>

<input type="submit" value="Submit" class="btn btn-primary">
</form>

Answer 1

Это по замыслу.

Проверка ограничений: если атрибут readonly указан на входной элемент, элемент запрещен для проверки ограничения.

Источник: https://www.w3.org/TR/html5/forms.html#the-readonly-attribute