Wie stelle ich sicher, dass nur ein Textfeld nicht leer ist?

Question

Ich habe ein Textfeld, das ich überprüfe, um sicherzustellen, dass das Textfeld vor der Einreichung nicht leer ist, was gut funktioniert.

Wie stelle ich sicher, dass es nur überprüft, ob das id = "Name" Textfeld nicht leer ist und das andere Textfeld ignoriert.

<input type="text" class="form-control" id="Name" aria-label="Name" placeholder="Name" required > 

<input type="text" class="form-control" id="address" aria-label="address" placeholder="address"> 

<input type="text" class="form-control" id="zip" aria-label="zip" placeholder="zip" > 

JS

$('input:text').val().length; 

Answer 1

Ziel das Element von ID,

$('#Name').val().length; 

Answer 2

Haben Sie dies versuchen?

$('#Name').val().length; 

Answer 3

Sie haben Attribut required an den Eingang mit ID eingestellt Name so form nicht vorlegen, es sei denn es hat einen gewissen Wert. Wenn Sie Whitespaces überprüfen möchten, können Sie jquery $.trim() Methode verwenden:

$('form').submit(function(e) { 
 
    var name = $('#Name').val(); 
 
    if ($.trim(name) === '') { 
 
    e.preventDefault(); 
 
    return false; 
 
    } 
 
    console.log('form submited!'); 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form> 
 
    <input type="text" class="form-control" id="Name" aria-label="Name" placeholder="Name" required /> 
 

 
    <input type="text" class="form-control" id="address" aria-label="address" placeholder="address" /> 
 

 
    <input type="text" class="form-control" id="zip" aria-label="zip" placeholder="zip" /> 
 
    <input type="submit" value="submit" /> 
 
</form>