javascript - setCustomValidity() 在 Chrome 浏览器中不起作用

Question

当我尝试在输入中设置自定义消息时遇到问题:

<b-form-input
  v-model.number="libpublishingdatefrom"
  someprops...
  oninvalid="setCustomValidity(Vue.prototype.trans('validation.gte.numeric'))"
  class="inputdate">   
</b-form-input>

它可以在 Firefox 浏览器上运行，但在 Chrome 上，oninvalid 会被忽略，并且仍然显示自定义消息。

我发现了一个有关 Chrome 版本的主题 HERE ，但我有版本 74。可能他们还没有修复它？

Answer 1

尝试一下这个:

<b-form-input
v-model.number="libpublishingdatefrom" oninvalid="this.setCustomValidity(Vue.prototype.trans('validation.gte.numeric'))"
oninput="this.setCustomValidity('')"
class="inputdate">
</b-form-input>