我正在尝试输入数字。我已经让我的文本框仅通过此代码接受数字:
function isNumber(evt) {
evt = (evt) ? evt : window.event;
var charCode = (evt.which) ? evt.which : evt.keyCode;
if (charCode > 31 && (charCode < 48 || charCode > 57)) {
return false;
}
return true;
}
但现在问题来了,当用户输入他们的号码时,我如何创建空格,就像 iPhone 的电话间距一样,但是对于数字来说,例如,如果他们输入:1000,它将变成 1 000;
1
10
100
1 000
10 000
100 000
1 000 000
10 000 000
100 000 000
1 000 000 000
等等...
我尝试从右侧读取每 3 个字符的输入并添加一个空格。但我的方法效率很低,当我将文本框中的值从 1000 更改为 1 000 时,它会出于某种原因选择它,之后按任何键都会删除整个内容。
如果您知道如何执行此操作,请避免使用 jQuery 等 JavaScript 插件。谢谢你。
对于整数使用
function numberWithSpaces(x) {
return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, " ");
}
对于浮点数,您可以使用
function numberWithSpaces(x) {
var parts = x.toString().split(".");
parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, " ");
return parts.join(".");
}
这是一个简单的正则表达式工作。 https://developer.mozilla.org/en-US/docs/JavaScript/Guide/Regular_Expressions << Find more about Regex here.
如果您不确定该数字是整数还是浮点数,只需使用第二个...
最简单的方法:
var num = 1234567890,
result = num.toLocaleString() ;// result will equal to "1 234 567 890"
var num = 1234567.890,
result = num.toLocaleString() + num.toString().slice(num.toString().indexOf('.')) // will equal to 1 234 567.890
var num = 1234567.890123,
result = Number(num.toFixed(0)).toLocaleString() + '.' + Number(num.toString().slice(num.toString().indexOf('.')+1)).toLocaleString()
//will equal to 1 234 567.890 123
如果你想要','而不是'':
var num = 1234567.890123,
result = Number(num.toFixed(0)).toLocaleString().split(/\s/).join(',') + '.' + Number(num.toString().slice(num.toString().indexOf('.')+1)).toLocaleString()
//will equal to 1,234,567.890 123
如果不起作用,请将参数设置为:“toLocaleString('ru-RU')” 参数“en-EN”,将用“,”而不是“”分割数字
此函数在输入中运行良好:
const formatAndVerifyNumericValue = (value, callback) => {
const reg = new RegExp('^[0-9]+$');
let newValue = value.replace(/\s/g, '');
if (reg.test(newValue)) {
newValue = newValue.toString().replace(/\B(?<!\.\d*)(?=(\d{3})+.
(?!\d))/g, ' ');
return callback(newValue);
}}
试试这个
console.log(new Intl.NumberFormat().format(213294939493943.3242).replaceAll(',',' '))