Получить ярлык для поля ввода

Question

Я делаю проверку с помощью JQuery и должен получить метку $ от каждого элемента своей собственной меткой. Теперь alert() дает med [object object]. Самое лучшее для меня здесь - получить предупреждение() со всеми полями, которые не заполнены. И не предупреждение() для каждого.

Вот скрипка: http://jsfiddle.net/s7pYX/

Как это достигается?

HTML:

<div> 
<label for="txtName">Name</label> 
<input type="text" id="txtName" class="form-control" name="txtName"> 
</div> 

<div> 
<label for="txtEmail">E-mail</label> 
<input type="text" id="txtEmail" class="form-control" name="txtEmail"> 
</div> 

Jquery:

$('input').each(function(){ 
if ($(this).val() == '') { 

$element = $(this) 

var $label = $("label[for='"+$element.attr('id')+"']") 

alert($label)  

} 

}); 

В боевой готовности() Я ожидаю, как это "Вам нужно заполнить: Имя, E-почта"

Answer 1

Попытка предупредить содержание $label, вы можете использовать .text() для этого

$('input').each(function(){ 
    var $element = $(this) 

    if ($element.val() == '') { 
     var $label = $("label[for='"+this.id+"']") 
     alert($label.text())  
    } 

}); 

Демо: Fiddle

Update

var $labels = $("label[for]"); 
var empties = $('input').filter(function(){ 
    return $.trim($(this).val()) == '' 
}).map(function(){ 
    return $labels.filter('[for="'+this.id+'"]').text() 
}).get().join(', ') 

alert(empties) 

Демо: Fiddle

Answer 2

пытаются предупреждение

alert($label.text()) 

Answer 3

потому что вы отправляет object функции оповещения, если вы хотите, чтобы получить содержимое выбранной метки, вы должны получить его HTML http://jsfiddle.net/s7pYX/2/

$('input').each(function(){ 
if ($(this).val() == '') { 

$element = $(this) 

var $label = $("label[for='"+$element.attr('id')+"']").html(); 

alert($label)  

} 

}); 

Answer 4

Вместо ниже линии:

var $label = $("label[for='"+$element.attr('id')+"']" 

Используйте следующий код:

var $label = $("label[for='"+$element.attr('id')+"']").text(); 

Вы получаете только объект, который нужно использовать .html() или .text() к получить текст внутри тега метки.

Answer 5

Проверить это DEMO

$('input').each(function() { 
    if ($(this).val() == '') { 

     $element = $(this); 

     var label = $element.closest("div").find("label").text(); 

     alert(label) 

    } 

}); 

Answer 6

Попробуйте

$('input').each(function(){ 
if ($(this).val() == '') { 

$element = $(this) 

var $label = $("label[for='"+$element.attr('id')+"']") 

alert("You need to fill :" + $label.text())  

} 

}); 

DEMO

Update:

возможно упорядочить все метки $ в одном оповещении(), а не по одному предупреждению()?

Да

var errorString =""; 
var isNeedToFill=false; 
$('input').each(function(){ 
if ($(this).val() == '') { 
isNeedToFill =true; 
$element = $(this) 

var $label = $("label[for='"+$element.attr('id')+"']"); 
    errorString += $label.text()+" "; 
} 
}); 
if(isNeedToFill){ 
alert("You need to fill :" +errorString); 
} 

DEMO

Answer 7

Это не большой пример, но вы можете использовать prev функцию из JQuery, которая найдет предыдущую этикетку перед выбранным компонентом.

$(document).ready(function() { 

    $('input').each(function(){ 
     alert($(this).prev("label").html()) 
    }); 

}); 

JSFiddle: http://jsfiddle.net/gQnaM/

Answer 8

var response = ""; 
$('input').each(function(){ 
    if ($(this).val() == '') { 

    response += ", " + $('label[for="' + this.id + '"]').html(); 
    } 
}); 

alert(response.replace(", ", "You need to fill out: "));