Javascript HTML设置自定义验证错误消息

我想验证输入字段是否为数字

<input...type="number" step="1"...>

这很好，但是表单给出警告，输入不是有效的数字，而我想显示类似“只允许数字”的内容

---

我可以自定义消息吗？样式应该与我的其他验证消息相同，而不是与当前不同的弹出窗口或其他内容，保持一致的唯一方法是通过JavaScript，使用

setCustomValidity（）

：

一些浏览器已经实现了，但它们还不可靠

---

HTML5Rocks已经为这一功能提供了一系列浏览器支持和陷阱。

作为补充说明，别忘了服务器端验证！客户端验证只对用户友好。

<input...type="number" step="1" oninvalid="setCustomValidity('Only digits allowed')" oninput="setCustomValidity('')" />