javascript - 移动 JavaScript：“文本转换：大写；” 不是大写吗？

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();
}