JavaScript 屏蔽文本输入，例如名称字段

Question

我已经研究过许多用于屏蔽 html 输入的插件，这些插件似乎可以解决有关数字的问题，例如金额、日期和标识号，但尚未看到任何针对文本字段的现成解决方案。假设我有“名字”和“姓氏”输入，我想自动屏蔽它们，以便格式自动显示以大写开头的每个单词。

约翰=乔恩

有什么建议吗？

Answer 1

您可以尝试使用onkeyup:

Demo

HTML:

<input id='first' onkeyup='mask("first");'>
<input id='last' onkeyup='mask("last");'>

JavaScript:

String.prototype.toTitleCase = function () {
    return this.replace(/\w\S*/g, function (txt) {
        return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();
    });
};

function mask(target) {
    var elem = document.getElementById(target);
    elem.value = elem.value.toTitleCase();
}