js 限制input框可以输入数字或者负数

Question

请问如何用正则匹配限制input框输入
第一位只能输入 ’-‘ 号或者数字
后面可以输入小数点或者数字
现在只能限制只能输入数字 小数点 和’-‘号
let nums = num.replace(/[^0-9.-]/g, "");

Answer 1

我自己常用的，可以拿去改改

function onlyNumber(num) {
  var n = String(num)
  var t = n.charAt(0)
  // 先把非数字的都替换掉，除了数字和.
  n = n.replace(/[^\d\.]/g, '')
  // 必须保证第一个为数字而不是.
  n = n.replace(/^\./g, '')
  // 保证只有出现一个.而没有多个.
  n = n.replace(/\.{2,}/g, '.')
  // 保证.只出现一次，而不能出现两次以上
  n = n.replace('.', '$#$').replace(/\./g, '').replace(
    '$#$', '.')
  // 如果第一位是负号，则允许添加
  if (t === '-') {
    n = '-' + n
  }
  return n
}

Answer 2

正则写还比较坑
开头 -[0-9] 或者 [0-9]
然后后面可以跟任意个 [0-9]*
然后就是小数部分 (\.[0-9]+)?