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/

相关文章:

php - 数据库更新问题,无法更新

javascript - 使用 onChange 事件更改对象值

javascript - 切换 - 隐藏和显示

mysql - 从 AMI 创建的 AWS EC2 实例无法运行(错误 504)- WEBb 无法运行

javascript - Sencha touch 2- Ext.dispatch 替代品?

javascript - WordPress 网站上的自定义共享按钮 - 无法正确打开新窗口

wordpress - 是否有非正式德语的区域设置代码(de_DE-informal?)

html - iOS Safari 在背景图像上添加额外的边框

javascript - 在没有表单组件的情况下 react 输入表单?

javascript - 在 chrome、safari 和 IE 中重新加载选定的索引