vue给input直接加正则表达式显示只能输入正负数保留一位小数
vue
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
项目地址:https://gitcode.com/gh_mirrors/vu/vue
免费下载资源
·
<el-input style="width: 120px;"
oninput="value=value.replace(/[^\-\d.]/g, '') .replace(/^\./g, '').replace(/\.{1,}/g,
'.').replace(/(\.\d+)\./g, '$1') .replace(/(-)\./g, '$1') .replace(/\-{1,}/g, '-')
.replace(/(\d+|\.)-/g, '$1') .replace(/-(0){1,}/g,'$1') .replace(/(-)0+(\d+)/g, '$1$2')
.replace(/^0+(\d)/, '$1') .replace(/(\d{5})\d*/, '$1') .replace(/(\.\d{1})\d*/, '$1')"
v-model="terminalForm[item.key]"
placeholder="请输入">
</el-input>
正则
let value = e.replace(/[^\-\d.]/g, '') // 只能输入.和-和数字
value = value.replace(/^\./g, '') //第一个字符不能是.
value = value.replace(/\.{2,}/g, '.') // 不能连续输入.
value = value.replace(/(\.\d+)\./g, '$1') // .后面不能再输入.
value = value.replace(/(-)\./g, '$1') // -后面不能输入.
value = value.replace(/\-{2,}/g, '-') // -只能保留一个
value = value.replace(/(\d+|\.)-/g, '$1') // 数字和.后面不能接-,不能出现类似11-, 12.-
value = value.replace(/-(0){2,}/g, "$1") // 不能出现-00,-001,-0001类似
value = value.replace(/(-)0+(\d+)/g, '$1$2') // 不能出现-01,-02类似
value = value.replace(/^0+(\d)/, '$1') // 第一位0开头,0后面为数字,则过滤掉,取后面的数字
value = value.replace(/(\d{15})\d*/, '$1') // 最多保留15位整数
value = value.replace(/(\.\d{2})\d*/, '$1')// 最多保留2位小数
输入整数:
<el-input oninput="value=value.replace(/[^\d]/g,'')" placeholder="请输入" />
输入正整数
<el-input oninput="value=value.replace(/\D|^0/g,'')" placeholder="请输入" />
输入中文和英文
<el-input oninput="value=value.replace(/[^\a-\z\A-\Z\u4E00-\u9FA5]/g,'')" placeholder="请输入" />
输入中文,英文,数字
<el-input oninput="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5]/g,'')" placeholder="请输入" />
输入数字,一位小数,小数后最多保留两位
let goodsValue = value.replace(/[^\d.]/g, '').replace(/\.{2,}/g, '.').replace('.', '$#$').replace(/\./g, '').replace('$#$', '.').replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3').replace(/^\./g, '')
输入数字,三位数逗号分隔
thousands(num) {
var str = num.toString();
var reg = str.indexOf(".") > -1 ? /(\d)(?=(\d{3})+\.)/g : /(\d)(?=(?:\d{3})+$)/g;
return str.replace(reg, "$1,");
}
输入数字,负数
value.replace(/[^0-9-]|(?<=\..*)\.|(?<!\d)\.|(?!^)-/g, '')
输入数字,负数,小数点
value.replace(/[^0-9-.]|(?<=\..*)\.|(?<!\d)\.|(?!^)-/g, '')
参考自:
https://blog.csdn.net/qq_43384836/article/details/121660248
https://blog.csdn.net/a864034462/article/details/127363713
GitHub 加速计划 / vu / vue
207.52 K
33.66 K
下载
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
最近提交(Master分支:1 个月前 )
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> 3 个月前
e428d891
Updated Browser Compatibility reference. The previous currently returns HTTP 404. 3 个月前
更多推荐
已为社区贡献2条内容
所有评论(0)