时间戳

首页 > 解决方案 > 当输入的长度为 0 时，用户无法发送消息需要一些帮助

javascript - 当输入的长度为 0 时，用户无法发送消息需要一些帮助

问题描述

目前我已经设置了我的代码，以便用户可以向我网站上的聊天机器人发送消息。

我想做的是，如果 userText 为空，则阻止用户发送消息。以下是我到目前为止的内容：

function getUserResponse(){
    var userText = $('#textInput').val();  
    
    if(userText.val() == 0){
    
    }else{
        var userHTML = "<p class='userText'><span>"+userText+"&nbsp;&nbsp;&nbsp;&nbsp;</span> <img src= {% static 'images/userIcon.png' %} width=50px height=50px  style='vertical-align: middle;' >&nbsp;&nbsp;&nbsp;&nbsp; </p>";
        $('#textInput').val("");
    }
    

    $('#chatbot').append(userHTML);

    $.get('/chatbotModel/getResponse',{userMessage:userText}).done(function(data){
        var returnedMessage = "<p class='botText'>&nbsp;&nbsp;&nbsp;&nbsp;<img src= {% static 'images/chatbot.png' %} width=50px height=50px  style='vertical-align: middle;' >&nbsp;&nbsp;&nbsp;&nbsp; <span>"+data+"</span/></p>";
        $('#chatbot').append(returnedMessage)
    })
}
    
$('#buttonInput').click(function(){
    getUserResponse()
})

标签： javascripthtml

解决方案

因此，通过查看长度来检查字符串是否为空，如果是，则退出....

var userText = $('#textInput').val().trim();  
if(userText.length === 0) {
  return;
}

推荐阅读