移动JavaScript：“text-transform：uppercase;”不是大写？

Question

我有一个文本输入字段，输入必须全部为大写，所以我使用：

text-transform: uppercase;

输入。我知道尝试用一些正则表达式验证输入：

function isSteamID(input) {
    return /^(STEAM_)?[0-5]:[01]:\d+$/.test(input);
}

问题是，在桌面浏览器上它运行得很好，但是例如在移动Chrome上它无法验证，因为文本转换不是真的使输入大写，它只是看起来喜欢它。

我在这里遗漏了什么吗？我应该用JavaScript再次大写输入吗？

Answer 1

我的猜测是那个移动浏览器上没有实现大写的CSS功能。

然而，最好的办法是自己转换文本。它也将有利于可用性。

document.getElementById('myInput').onchange = function() {
    this.value = this.value.toUpperCase();
}