js 可输入整数和小数点

在 JavaScript 中，如果你想限制用户输入只能为整数或者小数，可以通过多种方式实现，包括使用正则表达式进行验证或者通过事件监听来控制输入。以下是一些常见的方法：

方法一：使用正则表达式验证

你可以使用正则表达式来检查用户输入的字符串是否符合整数或小数的格式。

function isValidNumber(input) {
  const regex = /^-?\d+(\.\d+)?$/;
  return regex.test(input);
}

// 使用示例
console.log(isValidNumber("123")); // true
console.log(isValidNumber("-123.45")); // true
console.log(isValidNumber("123.45.67")); // false
console.log(isValidNumber("abc")); // false

方法二：使用事件监听控制输入

你可以在用户输入时（例如在 input 事件中）检查并移除不符合条件的字符。

const inputElement = document.getElementById('number-input');

inputElement.addEventListener('input', (event) => {
  let value = event.target.value;
  
  // 移除除了数字、小数点和负号之外的所有字符
  value = value.replace(/[^\d.-]/g, '');
  
  // 如果有多个小数点或负号，则只保留第一个
  const parts = value.split(/[-.]/);
  if (parts.length > 2) {
    value = parts[0] + (parts[1] ? '.' + parts[1] : '');
  }
  
  // 如果负号不在第一个位置，则移除它
  if (value.startsWith('-.')) {
    value = value.substring(1);
  }
  
  event.target.value = value;
});

在这个示例中，我们监听了输入框的 input 事件，并在事件处理函数中检查并修改了用户的输入。