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

问题描述：

我想检查输入类型是否为空或不是所有类型。我有以下代码。如何检查所有类型的输入是否为空或不使用jQuery？

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

不要去长度，只要检查值是否是''。 – Rex

如果（$（this）.val（））适用于所有输入期望数字，那么当我在字段 –

中添加字符时，请检查此提琴，即使长度似乎也会给出价值。 https://jsfiddle.net/rd6pp7ns/ – Rex

答

尝试这种情况：

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

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

答

尝试这种情况：

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

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

    } else { // empty 
    // Do something 
    }

}）;

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

相关推荐