Javascript 防止输入类型日期为空时更改边框颜色和消息html验证

我想问一下，如何使输入类型

date

为空时，表单无法提交

我尝试过使用html5验证，我想使用js更改颜色字段边框和错误消息，但它不起作用

下面是html代码

<label class="col-sm-2 col-form-label margin-up">Born Date *</label>
   <div class="col-md-4">
      <input type="date" class="form-control" value="<?php echo $user->born_date ?>" name="born_date" id="born_date" oninput="test_date(this.value);" required>
      <small class="date_born" style="color: red">Date must be filled</i></small>
   </div>

这是css错误代码

.err{
  border-color: red;
  border: solid 2px red;
  height: calc(1.5em + .95rem + 2px);
}

有什么建议吗

---

谢谢

而不是

oninput

尝试使用

onblur

。

.err{
  border-color: red;
  border: solid 2px red;
  height: calc(1.5em + .95rem + 2px);
}