模式不适用于只读属性

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

那是设计使然。

  

约束验证：如果在   输入元素，则禁止该元素进行约束验证。

来源：https://www.w3.org/TR/html5/forms.html#the-readonly-attribute