無法驗證輸入字段是否爲空並且是必需的

Question

我似乎無法檢查輸入字段是否爲空且需要以及是否警告用戶。我目前正在工作，無需查看是否需要輸入字段，問題是當非必填字段爲空時彈出警報。

下面是代碼：

$('.close-and-show-next').click(function() { 
     var empty = $(this).parent().find("input:visible").filter(function() { 
     return this.value === ""; 
    }); 
    if(empty.length && empty.closest('span').hasClass('required')) { 
     //At least one input is empty 
     $(this).parent().parent().find('.numberlabel').css('background-color','#FF0000'); 
     alert('One or more fields have been left blank. Please press EDIT to correct before pressing continue.'); 
    } 
    }); 

這裏是小提琴：http://jsfiddle.net/joseph_a_garcia/uuVjy/1/

Answer 1

的跨度是不是輸入的父母，所以closest()將無法​​正常工作，你應該使用siblings()

if (empty.length && empty.siblings('span.required').length) {...