Запретить отправке текста в div, если текст не был введен в текстовое поле - Javascript

Question

Я не использую форму, но имею текстовую область. Я хочу, чтобы пустые сообщения не могли быть отправлены, если текстовая область пуста и нажата кнопка отправки сообщения.

Answer 1

Вы можете просто добавить пустой чек значения внутри sendText функции:

function sendText() { 
    var textValue = document.getElementById('post_box').value; 

    if (!textValue || textValue.length === 0) { 
     return; 
    } 

    ... 
} 

return заявления будет держать вашу функцию от executi Далее, поскольку проверка не будет выполнена для пустой textValue. Вы могли бы представить сообщение пользователю в этом случае, говоря, что текстовое поле пуст.

Answer 2

У вас есть код, связанный с этим? Вам просто нужно будет проверить обрезанную длину вашего <textarea>, чтобы увидеть, если какой-либо контент присутствовал, а затем отправить сообщение:

if(!message || message.value.trim().length === 0){ 
     alert('A message is required.') 
} 
else{ 
     // Send your message 
} 

Полного пример может выглядеть следующим образом:

<textarea id='check-me'></textarea> 
<br /> 
<button onclick='sendMessage();'>Send Message</button> 
<script> 
function sendMessage(){ 
    // Get your textarea and check it's content 
    var message = document.getElementById('check-me'); 
    // Check the message 
    if(!message || message.value.trim().length === 0){ 
     alert('A message is required.') 
    } 
    else{ 
     // Send your message 
    } 
} 
</script>