isset in jQuery

Question

我想檢查在html代碼中是否有類.required_selectbox運行函數required_selectbox()以及如果在html代碼中有.required類運行函數required_valid()，提交後怎麼樣？

function required_valid() { 
    $('.required').each(function() { 
     if (!$(this).val()) { 
      //var cssObj=; 
      $(this).css("background", "#ffc4c4"); 
      result = false; 
     } else { 
      $(this).css("background", "#FFFFEC"); 
      result = true; 
     } 
     $(this).keyup(function() { 
      $(this).css("background", "#FFFFEC"); 
     }) 
    }); 
    return result; 
} 

function required_selectbox() { 
    $('.required_selectbox').each(function() { 
     if (!$(this).val()) { 
      //var cssObj=; 
      $(this).css("background", "#ffc4c4"); 
      result = false; 
     } else { 
      result = true; 
     } 

    }); 
    return result; 
} 
$('.submit').submit(function() { 
    //alert('hello'); 
    var passed = true; 
    passed = required_selectbox() && passed; 
    passed = required_valid() && passed; 
    if (!passed) { 
     return false; 
    } 
}); 

Answer 1

一個簡單的方法是運行這些功能即使元素是不是有。由於沒有元素會被發現，到each()呼叫會做什麼，所以所有的需要默認情況下有result變量設置爲true：

function required_selectbox() { 
    var result = true; // <--- 
    $('.required_selectbox').each(function() { 
     if (!$(this).val()) { 
      //var cssObj=; 
      $(this).css("background", "#ffc4c4"); 
      result = false; 
     } else { 
      result = true; 
     } 
    }); 
    return result; 
} 

此外，它看起來就像你可能不希望else聲明在那裏，所以你可能想要刪除它。

Answer 2

我不是你想肯定的帽子，但 -

$('.required_selectbox').length 

會讓你知道，如果有您的文檔中.required_selectbox類的任何元素。那麼你可以做一個類似的事情required_valid

Answer 3

function required_valid() { 
    var required = $('.required'); 
    required.css("background", "#FFFFEC"); 

    //Find any empty elements, and add the red style 
    var empty = required.filter(function() { 
     return $(this).val() == ''; 
    }); 
    empty.css("background", "#ffc4c4"); 

    //Did we find any empty elements? 
    return empty.length > 0; 
} 

function required_selectbox() { 
    var required = $('.required_selectbox'); 
    required.css("background", "#FFFFEC"); 

    //Find any empty elements, and add the red style 
    var empty = required.filter(function() { 
     return $(this).val() == ''; 
    }); 
    empty.css("background", "#ffc4c4"); 

    //Did we find any empty elements? 
    return empty.length > 0; 
} 

$('.submit').submit(function() { 
    return required_selectbox() && required_valid(); 
});