javascript - 防止表单输入中出现双字节数字

Question

在普通 JavaScript 中执行此操作。当我在 html 输入中输入带有两字节字符的数字时，我们在 javascript 中在屏幕上进行的数学运算出现错误，导致“NaN”。

在幕后，我将输入值(一个数字)乘以价格，得到总计。现在总数为 NaN，具有两个字节数。数学上用一个字节的数字就可以了。

有没有办法阻止javascript中输入两字节字符和字母？

两个字节:１２３４５６７一字节:123456

这都是使用日语来获取两个字节数。

Answer 1

您可以通过 type="number"来“阻止”HTML5 表单中的全 Angular 数字，但这可能不是最好的解决方案。有些用户可能不明白为什么他们的全 Angular 数字被拒绝。

您可以在接收后将其转换为半 Angular 数字。它只是减去两个字符代码的差。

const original = '１２0４４４2８4'
const converted = original.replace(/[０-９]/g, function (s) {
  return String.fromCharCode(s.charCodeAt(0) - 0xFEE0);
})
document.writeln(converted)

输出

120444284