Vue中input只能输入正数字
vue
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
项目地址:https://gitcode.com/gh_mirrors/vu/vue
免费下载资源
·
分享一个工作中常用的正则表达式
input只能输入大于0的数字,如果不满足就清空input,并且给出提示
例如:
Dom
<el-form-item label="合同建筑面积" prop="contractBuildArea">
<div class="area">
<el-input
v-model.number="formData.contractBuildArea"
placeholder="请输入合同建筑面积"
:controls="false"
onkeyup="this.value=this.value.replace(/^[1-9]\d*(\.\d+)?$/,'')/"
onafterpaste="this.value=this.value.replace(/\D/g,'')"
@input.native="changeNumber($event,0)"
/>
<span class="unit">万平方米</span>
</div>
</el-form-item>
Js
changeNumber (e, value) {
const targetValue = e.target.value
var reg = /^[1-9]\d*(\.\d+)?$/
if (targetValue <= value || !targetValue || !reg.test(targetValue)) {
e.target.value = ''
console.log('不符合')
return
}
},
可以看到输入负数,字符串等都会被清空,只能输入整数
GitHub 加速计划 / vu / vue
83
16
下载
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
最近提交(Master分支:5 个月前 )
9e887079
[skip ci] 3 个月前
73486cb5
* chore: fix link broken
Signed-off-by: snoppy <michaleli@foxmail.com>
* Update packages/template-compiler/README.md [skip ci]
---------
Signed-off-by: snoppy <michaleli@foxmail.com>
Co-authored-by: Eduardo San Martin Morote <posva@users.noreply.github.com> 7 个月前
更多推荐
已为社区贡献1条内容
所有评论(0)