input框只能输入数字和小数点保留两位数

最近需要对金额输入框进行限定,要求如下:

  • 只能输入数字和小数点;
  • 小数点只能有1个
  • 第一位不能是小数点
  • 第一位如果输入0,且第二位不是小数点,则去掉第一位的0
  • 小数点后保留2位
NumberCheck(num) {
  var str = num;
  var len1 = str.substr(0, 1);
  var len2 = str.substr(1, 1);
  //如果第一位是0,第二位不是点,就用数字把点替换掉
  if (str.length > 1 && len1 == 0 && len2 != ".") {
    str = str.substr(1, 1);
  }
  //第一位不能是.
  if (len1 == ".") {
    str = "";
  }
  //限制只能输入一个小数点
  if (str.indexOf(".") != -1) {
    var str_ = str.substr(str.indexOf(".") + 1);
    if (str_.indexOf(".") != -1) {
      str = str.substr(0, str.indexOf(".") + str_.indexOf(".") + 1);
    }
  }
  //正则替换,保留数字和小数点
  str = str.replace(/[^\d^\.]+/g, '')
  //如果需要保留小数点后两位,则用下面公式
  str = str.replace(/\.\d\d$/, '') return str;
}
1. 本站所有免费资源来源于用户上传和网络,因此不包含技术服务请大家谅解!如有侵权请邮件联系客服!
2. 本站不保证所提供下载的免费资源的准确性、安全性和完整性,免费资源仅供下载学习之用!如有链接无法下载、失效,请联系客服处理!
3. 您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容资源!如用于商业或者非法用途,与本站无关,一切后果请用户自负!
4. 如果您也有好的资源或技术教程,您可以投稿发布,成功分享后有站币奖励和额外收入!
5. 加入前端开发QQ群:565733884,我们大家一起来交流技术!
码云笔记 » input框只能输入数字和小数点保留两位数

发表评论

提供最优质的资源集合

立即查看 了解详情