1

Tenho um sistema de chat, e o botão de enviar não deve ser habilitado enquanto o usuário não digitar alguma letra.

No exemplo abaixo o botão é habilitado quando o usuário digita algo, porém se ele digitar somente espaços o botão é exibido.

$('#msg').on('keyup',function() {
var textarea_value = $("#msg").val();

if(textarea_value != '') {
    $('.button-enviar').attr('disabled' , false);
    $('.button-enviar').removeClass('disabled');
}else{
    $('.button-enviar').attr('disabled' , true);
    $('.button-enviar').addClass('disabled');
}
});

Como verificar se a variável textarea_value contém somente espaços? Para assim não habilitar o botão.

1 Resposta 1

1

Aproveitando o código que tem e usando trim(), serve para retirar os espaços de fim/inicio de uma string:

$('#msg').on('keyup',function() {
    var textarea_value = $("#msg").val().trim();
    if(textarea_value != '') {
        $('.button-enviar').attr('disabled' , false);
        $('.button-enviar').removeClass('disabled');
    }
    else{
        $('.button-enviar').attr('disabled' , true);
        $('.button-enviar').addClass('disabled');
    }
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<textarea id="msg"></textarea>
<button type="button" class="button-enviar" disabled>ENVIAR</button>

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 .