javascript - 禁用空输入的发送按钮

Question

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

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

上面的代码禁用了我想限制的初始空白的发送按钮(记住在文本区域“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 方法，请自行实现。