Verhindern, dass eine Schaltfläche Text an ein div sendet, wenn kein Text in das Textfeld eingegeben wurde - JavaScript

Question

Ich verwende kein Formular, sondern einen Textbereich. Ich möchte sicherstellen, dass leere Nachrichten nicht gesendet werden können, wenn der Textbereich leer ist und die Schaltfläche zum Senden der Nachricht gedrückt wird.

Answer 1

Sie können einfach hinzufügen eine leere Wert Prüfung in Ihrer sendText Funktion:

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

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

    ... 
} 

Die return Anweisung Ihre Funktion von executi halten weiter, da die Prüfung für einen leeren textValue nicht erfolgreich ist. Sie könnten dem Benutzer in diesem Fall eine Nachricht anzeigen, dass das Textfeld leer ist.

Answer 2

Haben Sie einen diesbezüglichen Code? Sie würden einfach brauchen die getrimmte Länge Ihres <textarea> zu überprüfen, um zu sehen, ob Inhalt vorhanden war und dann senden Sie Ihre Nachricht:

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

Ein komplettes Beispiel könnte wie folgt aussehen:

<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>