Отключение кнопки отправки для пустого ввода

Question

При разработке приложения чата у меня есть текстовая область и кнопка в форме. Чтобы отключить кнопку отправки для пустого текстового поля я сделал ниже код:

$(document).ready(function(){ 
    $('#btn1').prop('disabled',true); 
    $('#msg').keyup(function(){ 
     $('#btn1').prop('disabled', this.value == "" ? true : false);  
    }) 
}); 

Выше код отключение кнопки отправки для начального пустого пространства, а также которые я хочу, чтобы ограничить (помните, в TEXTAREA «Хай» это хорошо, но «(все пусто пробелы) "не соответствует действительности)

Answer 1

$('#msg').keyup(function(){ 
    var msg = this.value.trim(); // remove left and right blank spaces. 
    $('#btn1').prop('disabled', msg == "" ? true : false);  
}); 

Просто удалите пробелы TOL и EOL. Если нет метода trim, реализуйте его самостоятельно.

Answer 2

Попробуйте это:.

$('#msg').keyup(function(){ 
    var msg = $.trim($(this).val()); // remove left and right blank spaces. 
    $('#btn1').prop('disabled', msg == "" ? true : false);  
}); 

Answer 3

Попробуйте это ...

$('#btn1').prop('disabled', true); 
    $('#msg').keyup(function() { 
     $('#btn1').prop('disabled', $.trim(this.value) === "" ? true : false); 
    });