模态输入仅提取首字母缩写

Question

我有一个带有2个字段的模态输入。一个是全名的文本输入，另一个是用于获取实时结果的禁用字段。结果是输入文本字段1中每个单词的大写字母。我不知道该怎么做，有什么想法或想法吗？

$(function() {
var $src = $('#inputClientName'),
$dst = $('#disabledinputClientCode');
$src.on('input', function() {
$dst.val($src.val());
});
});
//This is what I tested:
//match(/(bS)?/g).join("").toUpperCase()

这段代码使我可以将输入复制到目标文本块中。我尝试使用上面的测试代码，但无法获得所需的结果。请帮忙。

Answer 1

我认为最简单的方法是使用Regex。这样的东西应该做的工作：

const input = "This Is Some Test";
const output = input.match(/[A-Z]/g);
console.log(output);

Answer 2

您可以使用CSS来实现这一点。有一个CSS道具：text-transform(此处为文档(。当您将text-transform: capitalize;添加到输入的样式中时，它会将每个单词大写。现在，您所要做的就是将第一个输入的值设置为等于第二个输入的数值。