Nhận nhãn cho trường nhập

Question

Tôi đang thực hiện xác thực với Jquery và cần nhận nhãn $ từ mỗi phần tử có nhãn riêng. Bây giờ alert() cho med [đối tượng đối tượng]. Điều tốt nhất cho tôi ở đây là để có được một cảnh báo() với tất cả các lĩnh vực xếp hàng mà không được điền. Và không phải là một cảnh báo() cho mỗi.

Đây là một fiddle: http://jsfiddle.net/s7pYX/

Điều này được thực hiện như thế nào?

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)  

} 

}); 

Trong alert() Tôi hy vọng như thế này "Bạn cần phải điền: Tên, E-mail"

Answer 1

Cố gắng để cảnh báo các nội dung của $label, bạn có thể sử dụng .text() cho

này

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

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

}); 

Demo: Fiddle

cập nhật

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) 

Demo: Fiddle

Answer 2

cố gắng cảnh báo

alert($label.text()) 

Answer 3

vì bạn đang gửi một object đến chức năng cảnh báo, nếu bạn muốn để có được nội dung của các nhãn lựa chọn, bạn có để có được nó 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

Thay vì dòng dưới đây:

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

Sử dụng đoạn mã sau:

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

Bạn đang nhận được chỉ là đối tượng bạn cần phải sử dụng .html() hoặc .text() để nhận được văn bản bên trong thẻ nhãn.

Answer 5

Kiểm tra này DEMO

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

     $element = $(this); 

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

     alert(label) 

    } 

}); 

Answer 6

Hãy thử

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

$element = $(this) 

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

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

} 

}); 

DEMO

Cập nhật:

là nó có thể để sắp xếp tất cả các nhãn $ trong một cảnh báo() và không phải một cảnh báo() mỗi?

Có

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

Đây không phải là một ví dụ tuyệt vời nhưng bạn có thể sử dụng chức năng prev từ jQuery mà sẽ tìm thấy những nhãn trước đó trước khi thành phần của bạn lựa chọn.

$(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: "));