javascript - 如果文本区域为空，如何在按下回车键时显示错误？

Question

我正在尝试进行此聊天。到目前为止一切正常，但如果文本区域为空，我想在按回车键时显示错误。谁能告诉我该怎么做？我一直在尝试很多方法，但没有任何效果。谢谢。

$("#message").keypress(function(e) {
    var test = $("#Uname").val()
    var valmsg = $('#message').val();

    if (e.which == 13 && valmsg.trim()) {
        $("#chat").append("<div class='mesaj'>" + test+ ':' + valmsg + "  </div>");
        $('#message').val('');  
    }
});

这是我的代码 https://jsfiddle.net/azfwuzad/2/

Answer 1

您可以通过在按下返回键时检查文本区域的值不为空来实现这一点。试试这个:

$("#message").keypress(function(e) {
    var test = $("#Uname").val()
    var valmsg = $('#message').val();

    if (e.which == 13 && valmsg.trim() == "") {
        e.preventDefault();
        alert('Please type a message to send');
    } else if (e.which == 13) {
        $("#chat").append("<div class='mesaj'>" + test + ':' + valmsg + "</div>");
        $('#message').val('');
    }
});

Updated fiddle

调用 preventDefault() 将阻止回车键在空文本区域中添加新行。