防止提交空白输入和textarea

Question

我正在和inputa textarea和a 一起工作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字符,则不再是lengths < 0,所以button不再是disabled.我该如何防止这种情况？

Answer 1

使用$.trim()清理出值开头和结尾的空格

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

}