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

Question

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

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

我想检查所有类型输入的非空字段。如果用户在字段中输入了任何内容（文本或数字或其他内容），则应将其视为非空。

$(".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

试试这个：

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

如果其值为零，则表示每个输入都有一些值。

Answer 2

试试这个：

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

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

  } else {  // empty
     // Do something
  }

}）;