Staffer Group BR™

Fórum interativo totalmente gratuito!


 VisualizaçõesPermissão deste fórum:
Não podes responder a tópicos


CurtirDiretório deste fórum:
Fóruns » Principal »  » Tutoriais » Tutoriais sobre programação

#1
 D'Leandro™

D'Leandro™
Fundador
TUTORIALNúmero mínimo de palavras para postar


Descrição: Com este código você poderá estipular o #número de #palavras e de letras em cada palavra para que o usuário possa postar um comentário.

Versão: Todas

Adicione um novo código #JavaScript com investimento em todas as páginas.
Código:
$(function(){$(function(){
   
    var numeroMinimoPalabras = 3;
    var longitudMinimaPalabra = 3;
    var ico_compl = "http://i56.servimg.com/u/f56/17/71/75/73/accept11.png";
    var ico_incompl = "http://i56.servimg.com/u/f56/17/71/75/73/crosso10.png";
   
    //Tutorial = http://staffergroupbr.stuning.net/t2270-

     if($("#text_editor_textarea").length != 0){
    $("input[type='submit'][name='post']").attr("disabled", true).#CSS("opacity", "0.5");
    $(".sceditor-container").after("<br/><div id='div_minchars' align='center'><div id='div_minchars_header'>A mensagem precisa ter no mínimo " + numeroMinimoPalabras + " palavras de no minimo " + longitudMinimaPalabra + " letras!</div><div id='div_minchars_info'></div></div>");
   
    var sceditor = $("#text_editor_textarea").sceditor("instance");
    var str = sceditor.val();
    var regex = new RegExp('\\w{' + longitudMinimaPalabra + ',}\\b', 'g');
    var str_arr = str.match(regex);
    var str_len = str_arr == null ? 0 : str_arr.length;
   
    if(str_len >= numeroMinimoPalabras) $("input[type='submit'][name='post']").attr("disabled", false).#CSS("opacity", "1");
   
    sceditor.keyUp(function(e) {
    str = sceditor.val();
    str_arr = str.match(regex);
    str_len = str_arr == null ? 0 : str_arr.length;
    if(str_len >= numeroMinimoPalabras) {
    $("#div_minchars_info").#HTML("<img src='" + ico_compl  + "' /> Você escreveu <span style='color:green'>" + str_len + "</span> palavras de 3 letras ou mais. Pode enviar agora!");
    $("input[type='submit'][name='post']").attr("disabled", false).#CSS("opacity", "1");
    }else{
    $("#div_minchars_info").#HTML("<img src='" + ico_incompl  + "' /> Você escreveu <span style='color:red'>" + str_len + "</span> palavras de 3 letras ou mais. Ainda faltam " + (numeroMinimoPalabras - str_len) + " palavras para poder enviar esta mensagem!");
    $("input[type='submit'][name='post']").attr("disabled", true).#CSS("opacity", "0.5");
    }
    });
    }
    })});
Agora salve e veja o resultado.

  • Resultado:

Antes
Tutorial - Número mínimo de palavras para postar Antes11
Depois
Tutorial - Número mínimo de palavras para postar Sem_ta80
OBS: As três primeiras #letras não podem conter acentos.
Criador: Turbodeif & D'Leandro™
Tutorial: http://staffergroupbr.stuning.net/t2270-tutorial-numero-minimo-de-palavras-para-postar

#2
 Mr.GamingPT

Mr.GamingPT
Membro
otimo.
ja sabia o coigo, mas obrigado por pstar

#3
 Mr.GamingPT

Mr.GamingPT
Membro
oi

#4
 B4N3

B4N3
Membro
kkkkkkkkkkkkkkkkkkkkkkkk

#5
 JQuery

JQuery
Membro
oi

#6
 Master Publicitario

Master Publicitario
Membro
Muito bom!

#7
 Teste123

Teste123
Membro
Excelente

#8
 Conteúdo patrocinado