我的网站上有一些代码，可以将用户的文本输入转换为所有大写字母。我以为它工作正常，直到有人指出在手机上发生奇怪的故障。当用户在文本框中键入内容时，它会在用户类型中插入额外的字母，例如，如果他们尝试键入“ BOB”，则更改为“ BOBOB”，或者如果他们键入“ DAD”，则变为“ DADAD”。
我已在两部不同的Android手机和Amazon Fire平板电脑上复制了此问题。在台式机上不会发生这种情况。
编辑：我不能只使用CSS将文本更改为大写，因为它会恢复为大写，但是一旦提交了表单（该文本框处于打开状态），用户便将其键入。我需要提交带有实际转换为大写字母的文本的表格。
$('.surname input[type=text]').keyup(function() {
var newVal = $(this).val().toUpperCase();
console.log('newVal', newVal);
$(this).val(newVal);
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="surname">
<input type="text">
</div>