如果textarea為空，如何在輸入鍵上顯示錯誤？

Question

我有這個聊天，我想做。 到目前為止一切正常，但是如果textarea為空，我想按Enter鍵時顯示錯誤。 有人能告訴我怎么做嗎？ 我一直在嘗試很多方法，但沒有任何效果。 謝謝。

$("#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

您可以通過在按下返回鍵時檢查textarea的值是否為空來實現此目的。 試試這個：

$("#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('');
    }
});

更新了小提琴

對preventDefault()的調用將阻止enter鍵按下在空文本區域中添加新行。