Javascript 带有更多html验证的自定义错误消息

你好，我想在HTML中创建一个自定义错误警报 在这里我想定制（必需）和另一个（最大和最小数量）

我想如果用户点击了带有空值的send按钮，显示这个（必选） 如果输入字母值，则显示（仅数字）

---

如果输入小于1或大于5显示（应小于或等于5）

您可以使用

textbox.setCustomValidity（`Max:${textbox.Max}Min:${textbox.Min}`）

获取最小值和最大值，然后可以显示数字。其他的应该很好用

<div class="form-group">
<label for="durationdays">Days</label><br>
<input type="number" name="duration" max="5" min="1" class="form-control" style="width:50%" required oninvalid="InvalidMsg(this);"     oninput="InvalidMsg(this);">
</div>

function InvalidMsg(textbox) {

           if (textbox.value === '') {
               textbox.setCustomValidity
                     ('Required');
           } else if (textbox.validity.typeMismatch) {
               textbox.setCustomValidity
                     ('ONlY number');
           } else {
               textbox.setCustomValidity('');
           }

           return true;
       }