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

标签 javascript wordpress html validation woocommerce

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

请检查所附图片。

我目前正在使用 wooCommerce enter image description here

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

请多多指教

最佳答案

您需要使用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 以上的数字,然后单击提交按钮并观察消息。您可以按照自己的方式进一步调整它。

关于javascript - 浏览器验证消息最小/最大,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44860250/

相关文章:

asp.net - 从 CodeBehind 注册 OnMouseOver-Event?

php - 在 PHP 页面上列出 WordPress 网站的所有帖子

php - WooCommerce 如何显示某些作者的产品存档 IF 信息

javascript - 拖动的组件不起作用

html - 无法限制特定部分或 div 上的 CSS 动画

jquery - 绝对位置问题

javascript - 我的 DataGrid 的 JQuery 数学运算

Javascript 启动弹出窗口并填充文本字段

javascript - 实例化 Injectable 类时未调用 ngOnInit

css - 文字和图像重叠 - 不太确定发生了什么。