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

发布于
2019-12-19

更新于
2019-12-20

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

正则表达式 javascript vue.js 前端

阅读 7.7k

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属性相同的放在同一个数组？

为什么在谷歌浏览器中 'a' == ['a'] 返回 true？

vue项目如何在初始化之前跳转外部页面？

js如何控制移动端overflow:scroll容器滑动的最大速度？

前端代码更新如何通知用户刷新页面？

纯css如何绘制一个无背景色有边框色，带有文字的倒等腰梯形？

请问zustand的slice里面的属性，如何配置TypeScript类型约束？

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

你尚未登录，登录后可以

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

为什么在谷歌浏览器中 'a' == ['a'] 返回 true？

vue项目如何在初始化之前跳转外部页面？

js如何控制移动端overflow:scroll容器滑动的最大速度？

前端代码更新如何通知用户刷新页面？

纯css如何绘制一个无背景色有边框色，带有文字的倒等腰梯形？

请问zustand的slice里面的属性，如何配置TypeScript类型约束？

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