Как убедиться, что только одно текстовое поле не пусто?

Question

У меня есть текстовое поле, которое я проверяю, чтобы текстовое поле не было пустым перед отправкой, что отлично работает.

Как я могу убедиться, что он проверяет только для id = "Name" текстовое поле не пустое и игнорирует другое текстовое поле.

<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

Целевой элемент по идентификатору,

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

Answer 2

Пробовали ли вы это?

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

Answer 3

Вы установили атрибут required на вход с идентификатором Name так form не представит, если он не имеет какое-то значение. Если вы хотите проверить непечатаемые вы можете использовать JQuery $.trim() метода:

$('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>