爲空輸入禁用發送按鈕

Question

在設計聊天應用程序時，我在表單中有文本區域和按鈕。要爲空的textarea禁用發送按鈕我做了下面的代碼：

$(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); 
    });