js input 只能输入数字, 不能输入小数要怎么写?

您可以使用以下代码实现只能输入整数的输入框：

<input type="number" pattern="\d*" oninput="this.value=this.value.replace(/[^0-9]/g,'');">

该代码将输入框的类型设置为 `number`，并使用 `pattern` 属性指定只能输入数字。在输入框的 `oninput` 事件中，使用正则表达式将输入框中非数字字符替换为空字符串。这样，用户只能输入数字，而不能输入小数或其他字符。

相关问题

input只能输入数字和小数

以下是两种实现input只能输入数字和小数的方法：

1.使用input属性type="number"，并设置min和max属性限制输入范围为数字和小数：

<input type="number" name="points" min="0" max="10" step="0.1">

2.使用JavaScript监听输入事件，只允许输入数字、小数点和减号：

<input type="text" onkeypress="return (event.charCode >= 48 && event.charCode <= 57) || event.charCode == 46 || event.charCode == 45">

正则表达 input 只能输入数字且保留俩位小数

你可以使用正则表达式来对输入进行限制，确保只能输入数字，并且保留两位小数。以下是一个示例正则表达式：

/^\d+\.?\d{0,2}$/

这个正则表达式的含义是：

- `^` 表示字符串的开始
- `\d+` 表示匹配一个或多个数字
- `\.?` 表示可选的小数点（注意要使用反斜杠转义，因为点是正则表达式中的特殊字符）
- `\d{0,2}` 表示匹配 0 到 2 个数字，即保留俩位小数
- `$` 表示字符串的结束

你可以在输入框的 `oninput` 事件中使用这个正则表达式来检查输入的内容是否符合要求，如果不符合，则可以提示用户重新输入。以下是一个示例代码：

const input = document.querySelector('input');
input.addEventListener('input', () => {
  const regex = /^\d+\.?\d{0,2}$/;
  if (!regex.test(input.value)) {
    alert('请输入数字且保留俩位小数');
    input.value = ''; // 清空输入框
  }
});

这样，当用户输入不符合要求的内容时，就会弹出提示框，要求用户重新输入。