美文网首页
input输入框限制只能输入两位小数(电价只能输入到分)-精进版

input输入框限制只能输入两位小数(电价只能输入到分)-精进版

作者: 前端小猪仔 | 来源:发表于2021-03-25 17:57 被阅读0次

废话不多说,直接上代码,记录一下

<el-form-item label="电价">
     <el-input v-model="form.electricPrice" @keyup.native='keyupEvent($event,form.electricPrice)' @change="status=false" />
     <span>¥/千瓦时</span>
</el-form-item>

keyupEvent()方法

keyupEvent(e){
      e.target.value=e.target.value.replace(/[^\d.]/g, '');
      e.target.value=e.target.value.replace(/\.{2,}/g, '.');
      e.target.value=e.target.value.replace(/^\./g, '0.');
      e.target.value=e.target.value.replace(/^\d*\.\d*\./g, e.target.value.substring(0,e.target.value.length-1));  
      e.target.value=e.target.value.replace(/^0[^\.]+/g, '0')
      e.target.value=e.target.value.replace(/^(\d+)\.(\d\d).*$/, '$1.$2')
      this.form.electricPrice=e.target.value
      console.log(this.form.electricPrice)
   }

相关文章

网友评论

      本文标题:input输入框限制只能输入两位小数(电价只能输入到分)-精进版

      本文链接:https://www.haomeiwen.com/subject/llsrhltx.html