Question

我有以下代码

$('#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>

我无法检查该字段是否为空。我尝试了一些东西，但它不起作用。

有什么建议吗？

Answer 1

if（$（textarae #msg）.val（）==＆＃39;＆＃39; || $（textarae #msg）.val（）== null）

Answer 2

获取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);
            }
        );

    });

通过jquery检查文本字段是否为空

2 个答案: