时间戳

首页 > 解决方案 > HTML实现MaxLength但忽略小数

javascript - HTML实现MaxLength但忽略小数

问题描述

我正在使用 MaxLength 属性在 HTML 中实现一个文本框。我希望它只有 4 位，但忽略小数。所以用户应该只能写一个从 0 到 9999 的数字。但是，我希望他们能够添加像 9011.22 这样的小数。执行此操作的最佳方法是什么？它需要某种javascript吗？

这是我的 HTML 标签：

<input type="text" name="lastname" value="Mouse">

标签： javascripthtmlforms

解决方案

使用数字类型，它将允许您设置 amin和 a max。然后，您可以使用该step属性来控制小数位数。

  • 您可以添加该required属性以使该字段成为必填项。
  • 您可以this.checkValidity()在onblur事件中使用在提交之前进行验证。

<form>
  <input type="number" name="lastname" value="Mouse" min="0" max="9999" step="0.01">
  <p><input type="submit" value="Submit"></p>
</form>

推荐阅读