js 可输入整数和小数点

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

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;
});