javascript - 浏览器验证消息最小/最大

Question

有没有办法更改浏览器验证消息

请检查所附图片。

我目前正在使用 wooCommerce

目前它显示小于或等于 X 个数字，我想更改为请求超过 X 个项目的报价。

请多多指教

Answer 1

您需要使用oninvalid属性为 this.setCustomValidity功能。 this.setCustomValidity函数将在字段无效时显示自定义消息。

因此您只需将其添加到您的 <input> 中即可标签。

oninvalid="this.setCustomValidity('Cannot enter value greater that 15')"

检查此代码片段

<form action="/action_page_post.php" method="post">
  <input type="number" step='1' min='1' max='15' oninvalid="this.setCustomValidity('Cannot enter value greater that 15')">
  <input type="submit" value="Submit">
</form>

只需输入 15 以上的数字，然后单击提交按钮并观察消息。您可以按照自己的方式进一步调整它。