浏览器验证消息min / max

Question

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

请查看附件。

我目前正在使用wooCommerce

目前它显示的数字少于或等于我希望更改的X数字，请求超过X个项目的qoute。

请咨询

Answer 1

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

因此，您只需将其添加到<input>代码中即可。

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

检查此代码段

＆＃13;

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;

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