javascript - 防止提交空白输入和文本区域

Question

我正在使用 input一个textarea和一个 input button .我需要 button是disabled当input和 textarea是空的。

这是HTML

<input type="text" class="area">
<textarea name="testo" class="area" cols="30" rows="10"></textarea>
<input type="button" class="btn" value="send" disabled>

Javascript

$('.area').on('keyup' , function() {
    if( $('input').val().length > 0 && $('textarea').val().length > 0 ){
        $('.btn').prop('disabled', false);
    }
    else {
        $('.btn').prop('disabled', true);
    }
});

它工作正常，但是，如果按 spacebar所以它输入 blank字符，length s 不是 < 0再等等button不再disabled .我怎样才能防止这种情况？

Answer 1

使用$.trim()清除前导和尾随空格的值

if( $.trim($('input').val()).length > 0 && $.trim($('textarea').val()).length > 0 ) {

}