Element - ui :el-input 输入只能是数字并且小数点后只能是1-2位
element
A Vue.js 2.0 UI Toolkit for Web
项目地址:https://gitcode.com/gh_mirrors/eleme/element
免费下载资源
·
<el-input @input="numberFn('receipt_amount')"
v-model="ruleForm.receipt_amount">
</el-input>
给输入框定义 input事件,标识只要输入框内容改变的时候就会调用 numberFn()方法
numberFn('receipt_amount') :传入需要检验的参数
验证方法:
numberFn(p){
this.ruleForm[p] = this.ruleForm[p]
.replace(/[^\-\d.]/g, '') //只能输入 数字 小数点 -
.replace(/\-{2,}/g, "-") // 只能出现一次-
.replace(/^0+(\d)/, '$1') //如果第一位是 0 就替换成后面的数字
.replace(/^\./, '0.') //如果第一位是 . 就 替换成 0.
.match(/^[\d\-]*(\.?\d{0,2})/g)[0] || '' //开头只能允许数字或者 -
},
GitHub 加速计划 / eleme / element
54.06 K
14.63 K
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:3 个月前 )
c345bb45
7 个月前
a07f3a59
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update table.md
* Update transition.md
* Update popover.md 7 个月前
更多推荐
已为社区贡献12条内容
所有评论(0)