Metin kutusuna metin girilmemişse bir düğmeyi div'e göndermesini önleyin - Javascript

Question

Form kullanmıyorum ancak bir metin alanım var. Metin alanı boşsa ve mesajı gönderecek düğmeye basılırsa boş mesajların gönderilemediğinden emin olmak istiyorum.

Answer 1

Sadece ekleyebilirsiniz: gibi tam bir örnek görünebilir

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

: Sadece herhangi bir içerik mevcut olup olmadığını görmek için <textarea> arasında kesilmiş uzunluğunu kontrol edin ve ardından mesaj göndermek gerekir senin sendText işlevi içinde boş değer kontrolü: return deyimi executi adresinin işlevi tutacak

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

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

    ... 
} 

ng, boş bir textValue için onaylamadığı için daha fazla. Bu durumda kullanıcıya, mesaj alanının boş olduğunu belirten bir mesaj gösterebilirsiniz.

Answer 2

Bununla ilgili herhangi bir kodunuz var mı?

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