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

How to show an error on enter key press if textarea empty?

本文关键字：回车 错误 显示 区域 文本 如果      更新时间：2023-09-26

我有这个聊天，我正在尝试进行。到目前为止一切正常，但如果文本区域为空，我想在按 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/

您可以通过在按下回车键时检查文本区域的值是否不为空来实现此目的。试试这个：

$("#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()的调用将阻止回车键在空文本区域中添加新行。

相关文章：