如何使用jquery检查所有类型的输入是否为空？

Question

我想检查输入类型是否为空或不是所有类型。我有以下代码。

现在，jquery的问题是，它适用于基于文本的输入，但当我在数字字段中添加字符时，长度方法不能按预期工作。

我想检查所有类型的input.If用户是否在字段中输入了任何内容(文本或数字或任何内容)的非空字段，它应该被视为非空。

​

$(".textyformcontrol").blur(function() {

  if ($(this).val().length > 0) {
    $(this).parent('.formcontrolparent').find('.animatedlabel').addClass('filled');
  } else {
    $(this).parent('.formcontrolparent').find('.animatedlabel').removeClass('filled');

  }


});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="formcontrolparent form-group">
  <input required type="number" name="Phone no" class="form-control textyformcontrol" />
  <label class="animatedlabel">Phone no.</label>
  <img src="icons/mobile_16.png" alt="phone number" />
</div>

​

Answer 1

试试这个：

$(document).on("blur" ,".textyformcontrol" ,function() {

 if ($(this).val() != "") {  // Non-empty 
     // Do something 

  } else {  // empty
     // Do something
  }

})；

Answer 2

试试这个：

$("input:empty").length == 0;

如果它的值为零，意味着每个输入都有一些值。