模态输入仅提取首字母[重复]答案

【问题标题】：Modal Input extract initials only [duplicate]模态输入仅提取首字母[重复]
【发布时间】：2022-01-16 16:53:59
【问题描述】：

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

$(function() {
                var $src = $('#inputClientName'),
                  $dst = $('#disabledinputClientCode');
                $src.on('input', function() {
                  $dst.val($src.val());
                });
              });

//This is what I tested:
//match(/(\b\S)?/g).join("").toUpperCase()

此代码允许我将输入复制到目标文本块中。我尝试使用上面的测试代码，但无法得到想要的结果。请帮忙。

【问题讨论】：

欢迎来到 Stack Overflow！访问help center，使用tour 了解内容和How to Ask。请首先>>>Search for related topics on SO，如果您遇到困难，请发布您的尝试的minimal reproducible example，并使用[<>] 记录输入和预期输出sn-p 编辑器。

标签： javascript modal-dialog capitalize

【解决方案1】：

我认为最简单的方法是使用Regex。像这样的东西应该可以完成这项工作：

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

console.log(output);

【讨论】：

我如何将你的示例代码合并到-````````````````````````````````` `````````````````````````````````````````````` ```````````````$(function() { var $src = $('#inputClientName'), $dst = $('#disabledinputClientCode'); $src.on('输入', function() { $dst.val($src.val()); }); ); `````````````````````````````````````````````` ````````````````````````````````````````

【解决方案2】：

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

【讨论】：