input框限制输入整数或者小数

/**
 * input框限制小数
 * @param {*} val 
 * @returns 
 */
export const inputLimitFloat = function(val) {
  val = val.toString()
  // 截取可能为负号
  // const t = val.charAt(0)
  // 先把非数字的都替换掉,除了数字和.
  val = val.replace(/[^\d.]/g, '')
  // 必须保证第一个为数字而不是.
  val = val.replace(/^\./g, '')
  // 保证只有出现一个.而没有多个.
  val = val.replace(/\.{2,}/g, '.')
  // 保证.只出现一次,而不能出现两次以上
  val = val.replace('.', '$#$').replace(/\./g, '').replace('$#$', '.')
  val = val.replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3') // 只能输入两个小数
  if (val.indexOf('.') < 0 && val !== '') { // 以上已经过滤,此处控制的是如果没有小数点,首位不能为类似于 01、02的金额 
    val = parseFloat(val)
  }  
  // 如果第一位是负号,则允许添加
  // if (t === '-') {
  //   val = '-' + val
  // }
  return val
}

/**
 * input框限制整数
 * @param {*} val 
 * @returns 
 */
export const inputLimitInt = (val) => {
  if (val !== '') {
    return parseInt(val) === 0 ? 0 : parseInt(val) || ''
  } else {
    return ''
  }
}
posted @ 2022-09-29 20:02  jiazq  阅读(266)  评论(0)    收藏  举报