6

Tenho a função, e funciona perfeitamente:

$.fn.capitalize = function() {
function isTRChar(key) {
    var trchar = [231, 246, 252, 287, 305, 351];
    for (var i = 0; i < trchar.length; i++) {
        if (trchar[i] == key) return true;
    }
    return false;
}

$.each(this, function() {

    var $this = $(this);
    if ($this.is('textarea') || $this.is('input:text')) {
        $this.on({
            keypress: function(event) {
                var pressedKey = event.charCode == undefined ? event.keyCode : event.charCode;
                var str = String.fromCharCode(pressedKey);
                if (pressedKey == 0) {
                    if (!isTRChar(pressedKey)) return;
                }

                this.value = this.value.replace(/\b[a-z]/gi, function($0) {
                    return $0.toUpperCase();
                });
                this.value = this.value.replace(/@([a-z])[\w\.]*\b/gi, function($0, $1) {
                    return $0.substring(0, 2).toUpperCase() + $0.substring(2).toLowerCase();
                });

                if (!this.createTextRange) {
                    var startpos = this.selectionStart;
                    var endpos = this.selectionEnd;
                    if (!$(this).attr('maxlength') ||
                        this.value.length - (endpos - startpos) < $(this).attr('maxlength')) {
                        this.setSelectionRange(startpos + 1, startpos + 1);
                    }
                }
            }
        });
    }
});
}

Mas ela não funciona com acento, cedilha e em nomes próprios, o de ou do também ficam maiúsculos.

Exemplos: (de como fica quando digitado)

Maria De FáTima

Jose GonçAlves

Como corrigir isso nessa função?

2
  • 1
    Não quis copiar o código e jogar aqui, mas esse link tem exatamente o que você precisa (jsfiddle.net/q8eDW/5)
    – rLinhares
    Commented 27/07/2017 às 17:50
  • 1
    Obrigado @rLinhares ! Commented 27/07/2017 às 18:52

4 Respostas 4

4

Olá você pode tentar isso [edição]: Desculpe nem tinha verificado voltei agora.

function contains(str, search){
 if(str.indexOf(search) >= 0){
   return true;
 } else {
   return false;
 }
}
$.fn.capitalize = function(str) {
    $.each(this, function() {
        var split = this.value.split(' ');
        for (var i = 0, len = split.length; i < len; i++) {
            var verify = (split[len - 1] == "D" || split[len - 1] == "d") && (str == "e" || str == "E") || (str == "o" || str == "O");
            if (verify == false) {
                if ( contains(split[i], 'de') == false && contains(split[i], 'do') == false) {
		    //alert(split[i]);
                    split[i] = split[i].charAt(0).toUpperCase() + split[i].slice(1);
                }
            }
        }
        this.value = split.join(' ');
    });
    return this;
};
$("textarea").keypress(function(e) {
    var str = String.fromCharCode(e.which);
    $(this).capitalize(str);
});
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
 
 <textarea></textarea>

10
  • Primeiramente, muito obrigado amigo! Só não resolveu o problema do De e Do. Commented 27/07/2017 às 18:20
  • Não consigo adaptar algo para o De ou Do. =/ Commented 27/07/2017 às 18:49
  • 1
    Ve se consegue agora pfv.
    – Lucas P
    Commented 27/07/2017 às 18:55
  • Funcionou ok? | Fiz uma edição.
    – Lucas P
    Commented 27/07/2017 às 19:02
  • 1
    Ok, se for em PHP, basta perguntar se tiver duvidas que poderei ajudar :D Sou bom em PHP.
    – Lucas P
    Commented 27/07/2017 às 19:20
2

Expressões regulares também funcionam, e basta apenas uma linha para resolver o problema. As outras duas são só para pegar o valor da caixa de texto e depois para redefinir o seu valor:

$("textarea").keypress(function(e) {
    var str = $(this).val();
    str = str.replace(/(^|\s|$)(?!de|do|d$)(.)/g, (geral, match1, match2) => match1 + match2.toUpperCase());
    $(this).val(str);
});
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
 
 <textarea></textarea>

1

Outra possível solução é usando map para transformar o valor no seu capitalizado e um array de valores inválidos para capitalizar:

const invalidos = ["de", "do"];

$("#capitalizar").on("click", function(){
    let novoTexto = $("#texto")
        .val()
        .split(" ")
        .map(palavra => invalidos.includes(palavra) || palavra.length < 2 ? 
            palavra : 
            palavra.charAt(0).toUpperCase() + palavra.slice(1))
        .join(" ");
 
    $("#texto").val(novoTexto);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="texto">
<input type="submit" value="Capitalizar" id="capitalizar">

2
  • Obrigado pela ajuda também @Isac ! Commented 27/07/2017 às 19:24
  • 1
    @GuilhermeLirio Sem problema. Boa sorte no resto do desenvolvimento.
    – Isac
    Commented 27/07/2017 às 19:25
-2
<textarea value="" onfocus='document.getElementById("id").style.textTransform = "capitalize";'</textarea>

Usando este codigo funciona perfeitamente (chrome e internet explorer).

1
  • 1
    Não precisa fazer assim document.getElementById("id") basta um this.style.textTransform
    – hugocsl
    Commented 17/01/2020 às 13:45

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .