2017-06-20 49 views
2

空我有以下代碼檢查,如果文本字段是通過jQuery

$('#myform').submit(function() { 
    return false; 
}); 

$('#insert').click(function() { 
    var value = $.trim($("#msg").val()); 
    if (value.length < 0) { 
    alert("לא הכנסת הודעה !"); 
    } else { 
    $.post(
     $('#myform').attr('action'), 
     $('#myform :input').serializeArray(), 
     function(result) { 
     document.getElementById('msg').value = ""; 
     $('#result').html(result); 
     } 
    ); 
    } 
}); 
<form method="post" action="insertmsg.php" id="myform"> 
    <table> 
    <tr> 
     <td width="100%"> 
     <textarea class="form-control" placeholder="ההודעה שלך" name="msg" id="msg"></textarea> 
     </td> 
     <td> 
     <button id='insert' class="form-control">שלח</button> 
     </td> 
    </tr> 
    </table> 

    <p id='result'></p> 
</form> 

我無法檢查該字段爲空。我嘗試了一些,但它不起作用。

有什麼建議嗎?

+1

的[檢查輸入是可能的複製空使用jQuery](https://stackoverflow.com/questions/1854556/check-if-inputs-are-empty-using-jquery) – Jerodev

+1

一些明智的縮進將有助於您的代碼的可讀性。 –

+3

我看不到任何if語句。 – WizardCoder

回答

-1

獲取textarea的值並檢查是否有值。如果您想使用瀏覽器檢查,您也可以使用required="required"

<textarea class="form-control" placeholder="ההודעה שלך" name="msg" id="msg" required="required"></textarea> 

$('#insert').click(function() { 
     var textField = $('#myform').find('textarea#msg'); // Or give textarea an id and find that. 
     var textFieldValue = textField.val(); 
     if (textFieldValue.trim() == '') return; 

     $.post(
      $('#myform').attr('action'), 
      $('#myform:input').serializeArray(), 
      function (result) { 
       document.getElementById('msg').value = ""; // this part only clears the textarea after submission . 
       $('#result').html(result); 
      } 
     ); 

    }); 
+0

謝謝幫忙:) – Jeniapus

+0

沒問題!一定要將答案標記爲正確。謝謝! – Bri

0

如果($(textarae #msg).VAL()== '' || $(textarae #msg).VAL()== NULL)

+1

儘管此代碼可能會回答這個問題,但提供有關爲何和/或代碼如何回答此問題的其他上下文會提高其長期價值。一個好的答案***將總是解釋所做的事情以及爲什麼這樣做,不僅是爲了OP,還是爲了將來訪問SO。 –

相關問題