如果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(''); 
    } 
}); 

Updated fiddle

到preventDefault()的通話將停止在一個空的文本區域添加新行輸入按鍵。