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

发布于
2019-12-19

更新于
2019-12-20

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

正则表达式 javascript vue.js 前端

阅读 7.8k

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.5k42658

发布于
2019-12-19

更新于
2019-12-19

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

解释

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

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

操作者：problem

撰写回答

你尚未登录，登录后可以

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

推荐问题

相似问题

找不到问题？创建新问题

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

你尚未登录，登录后可以

js 如何将Key属性相同的放在同一个数组？

字节的 trae AI IDE 不支持类似 vscode 的 ssh remote 远程开发怎么办？

Next.js做纯前端是否可行？

如何在Vue中点击菜单弹出v-dialog对话框？

请问开发React Native，一般是推荐哪个主流的UI库呢？

在购买页面，这里有： for 1 month, for 3 months，这里说的意思是什么呢？

如何防止接口的 key 泄露?

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

你尚未登录，登录后可以

js 如何将Key属性相同的放在同一个数组？

字节的 trae AI IDE 不支持类似 vscode 的 ssh remote 远程开发怎么办？

Next.js做纯前端是否可行？

如何在Vue中点击菜单弹出v-dialog对话框？

请问开发React Native，一般是推荐哪个主流的UI库呢？

在购买页面，这里有： for 1 month, for 3 months，这里说的意思是什么呢？

如何防止接口的 key 泄露?

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