禁用空输入的发送按钮

Question

在设计聊天应用程序时，我在表单中有文本区域和按钮。要禁用空文本区域的发送按钮，我执行以下代码：

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

上面的代码是禁用初始空白的发送按钮以及我想要限制的（请记住在textarea“hai”很好，但“（所有空格）”不是很好）

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