Olá,
Com código abaixo, eu torno a primeira letra de qualquer palavra em maiúscula, exceto as palavras que estão no array wordsToIgnore
e wordContainAt
.
Agora pensei em atualizar o código e incluir um array chamado wordUpperCase
, onde as palavras que estiverem neste array, serão completamente maiúsculas.
Exemplo: let wordUppercase = ['LTDA', 'S.A']
Tentei utilizar o seguinte if, mas sem sucesso.
if (wordUpperCase.indexOf($.trim(word)) != -1) { words[i] = words[i].toUpperCase(); }
Abaixo está o código, juntamente com um exemplo
$(window).on('load', function() {
$.fn.capitalize = function() {
// words to ignore
let wordContainAt = '@',
wordsToIgnore = ['to', 'and', 'the', 'it', 'or', 'that', 'this', 'dos', 'rua', 'das', 'rh'],
minLength = 2;
function getWords(str) {
if (str == undefined) {
str = 'abc def';
} else {
str = str;
}
return str.match(/\S+\s*/g);
}
this.each(function() {
let words = getWords(this.value);
$.each(words, function(i, word) {
// only continues if the word is not in the ignore list or contains at '@'
if (word.indexOf(wordContainAt) != -1) {
words[i] = words[i].toLowerCase();
} else if (wordsToIgnore.indexOf($.trim(word)) == -1 && $.trim(word).length > minLength) {
words[i] = words[i].charAt(0).toUpperCase() + words[i].slice(1).toLowerCase();
} else {
words[i] = words[i].toLowerCase();
}
});
if (this.value != '') {
this.value = words.join('');
}
});
};
// field onblur with class .title
$(document).on('blur', '.lower', function() {
$(this).capitalize();
}).capitalize();
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" class="lower">