尝试使用javascript防止在textarea中发布空值

Question

我有一个简单的应用程序，在输入键盘的enter命令时从textarea提交。我试图阻止用户使用javascript向表单提交空数据，这是我的尝试，但我的挑战是它提交按下输入键盘

document.getElementById('new-input').addEventListener('keyup', function (e) {
    var code = (e.keyCode ? e.keyCode : e.which);
    if (code == 13 && $(this).val().length > 0) { // enter key press     && $(this).val().length > 0
        e.preventDefault();
        send();
    }
});

这是发送方法

function send() {
        var message = document.getElementById('new-input').value.trim(),
                xhr = new XMLHttpRequest();
       // alert('first message>>>>> '+message);

        xhr.onload = function (response) {
            if (xhr.status === 200) {
                document.getElementById('new-input').value = '';

            } else {
                alert('Request failed.  Returned status of ' + xhr.status);
                location.href = '/';
            }
        };
        xhr.send(encodeURI('message=' + message));

    }

请问如何阻止用户提交空值。使用angularjs或javascript

Answer 1

您可以使用$.trim检查空白区域：

if ( code == 13 && $.trim($(this).val()) )

如果不是空的话，将返回true。