如何檢查所有類型的輸入是否爲空或不使用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>

來源

2017-03-02 Shashank Bhatt

不要去長度，只要檢查值是否是''。 – Rex

如果（$（this）.val（））適用於所有輸入期望數字，那麼當我在字段 –

中添加字符時，請檢查此提琴，即使長度似乎也會給出價值。 https://jsfiddle.net/rd6pp7ns/ – Rex

嘗試這種情況：

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

如果它的值是零，意味着每個輸入是有一些價值。

來源

2017-03-02 06:07:41

嘗試這種情況：

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

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

    } else { // empty 
    // Do something 
    }

}）;

來源

2017-03-02 06:14:05

如何檢查所有類型的輸入是否爲空或不使用jQuery？

回答

相關問題