怎么使用正则表达式让input 框只能输入正负整数，和小数,只能有一个负号，一个小数点。

发布于
2019-12-19

更新于
2019-12-20

怎么使用正则表达式让input 框只能输入正负整数，和小数,只能有一个负号，一个小数点。。
<el-input v-model="value" @input="value=value.replace()"></el-input>
"replace" 里面应该填写什么

正则表达式 javascript vue.js 前端

阅读 7.4k

3 个回答

得票最新

Rockh

发布于
2019-12-19

更新于
2019-12-20

那就自己写个函数以下是列子

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>test</title>
</head>
<body>
<input type="text" onKeyUp="clearNoNum(event,this)" id="test">
<script>
function clearNoNum(event, obj) {
    event = window.event || event;
    var t = obj.value.charAt(0);
    obj.value = obj.value.replace(/[^\d.]/g, "");
    obj.value = obj.value.replace(/^\./g, "");
    obj.value = obj.value.replace(/\.{2,}/g, ".");
    if (t == '-') {
        obj.value = '-' + obj.value;
    }
}
</script>

</body>
</html>

这篇回答已被忽略，原因：不符合答题规范 - 内容不是答案，可用评论、投票替代

操作者：problem

xialeistudio

21.5k32658

发布于
2019-12-19

更新于
2019-12-19

<el-input v-model="value" @input="value=value.replace(/^-?\d+\.?\d*$/g,'')"></el-input>

解释

允许开头有负号或者没负号
允许小数点前面至少一个数字
允许没有小数点
允许小数点后任意数字

这篇回答已被忽略，原因：无意义的内容 - 赞、顶、同问等毫无意义的内容

操作者：problem

撰写回答

你尚未登录，登录后可以

和开发者交流问题的细节
关注并接收问题和回答的更新提醒
参与内容的编辑和改进，让解决方法与时俱进

推荐问题

怎么使用正则表达式让input 框只能输入正负整数，和小数,只能有一个负号，一个小数点。

你尚未登录，登录后可以

不同页面之间可以通过localstorage保存响应式吗？

扁平化数组转换成树形?

省市区街道数据在哪里可以下载？

两个promise问题？

网站的不同域名互相跳转如何保持登录态？

Vue项目一个报错无法找到原因?

如何在JavaScript中从外部中断for循环的执行？

怎么使用正则表达式 让input 框只能输入正负整数，和小数,只能有一个负号，一个小数点。

你尚未登录，登录后可以

不同页面之间可以通过localstorage保存响应式吗？

扁平化数组转换成树形?

省市区街道数据在哪里可以下载？

两个promise问题？

网站的不同域名互相跳转如何保持登录态？

Vue项目一个报错无法找到原因?

如何在JavaScript中从外部中断for循环的执行？

怎么使用正则表达式让input 框只能输入正负整数，和小数,只能有一个负号，一个小数点。