Kiểm tra tất cả các trường nhập đã được điền bằng jQuery

Question

Tôi có 3 div, mỗi trường có một trường nhập dfew và nút tiếp theo. Tôi muốn viết một đoạn mã jQuery khi nút tiếp theo được nhấp vào, nó sẽ kiểm tra để đảm bảo tất cả các trường nhập CÓ cùng số div với nút, không phải là rỗng.

Tôi đã thử những điều sau đây không có may mắn nhưng nhất định nó sai, duy nhất tôi không thể tìm thấy những thông tin liên quan trực tuyến Im 100% ...

http://jsfiddle.net/xG2KS/1/

Answer 1

Bạn có thể sử dụng để giảm filter tập hợp tất cả các phần tử input chỉ dành cho những phần tử trống và kiểm tra thuộc tính length của những gì còn lại:

$(".next").click(function() { 
    var empty = $(this).parent().find("input").filter(function() { 
     return this.value === ""; 
    }); 
    if(empty.length) { 
     //At least one input is empty 
    } 
}); 

Lưu ý rằng định nghĩa của trống trong mã trên là một chuỗi rỗng. Nếu bạn muốn xử lý các khoảng trắng trống, bạn có thể muốn cắt giảm giá trị trước khi so sánh.

Cũng lưu ý rằng không cần phải vượt qua this vào jQuery bên trong hàm filter. Bản thân phần tử DOM sẽ có thuộc tính value và việc truy cập vào đó nhanh hơn rất nhiều thay vì sử dụng val.

Đây là số updated fiddle.

Answer 2

$('.next').click(function() { 
    var emptyInputs = $(this).parent().find('input[type="text"]').filter(function() { return $(this).val() == ""; }); 
    if (emptyInputs.length) { 
     alert('Fail!'); 
    } 
}); 

Answer 3

$('.next').click(function() { 
    var inputs = $(this).parent().find('input[value=""]'); 
    if (!inputs.length) { 
     // you have empty fields if this section is reached 
    } 
});