javascript - HTML 实现 MaxLength 但忽略小数

标签 javascript html forms

我正在 HTML 中实现一个带有 MaxLength 属性的文本框。我希望它只有 4 位数字,但忽略小数点。因此,用户应该只能写入 0 到 9999 之间的数字。但是,我希望他们能够添加小数,例如 9011.22。实现这一点的最佳方法是什么?它需要某种 JavaScript 吗?

这是我的 HTML 标签:

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

最佳答案

使用number type ,它将允许您设置 minmax。然后,您可以使用 step 属性来控制小数位数。

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

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

关于javascript - HTML 实现 MaxLength 但忽略小数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51449805/

相关文章:

javascript - 远程调查/测量动态页面偶尔加载缓慢的速度

javascript - 此示例中 "this"的上下文是什么?

jquery - 如何让一次只有一个 div 类被点击?

html - 更改 Bootstrap 导航链接填充而不会弄乱对齐

javascript - 在 FabricJS Canvas 内显示图像时出现 polymer 元素错误

php - 根据数据库中的值自动检查复选框

javascript - 重复的表单字段

javascript - 单击更改名称

javascript - Firebase/Ionic4 上传和裁剪图片到存储

html - 从 HTML 格式到 PDF