Question

我有一个检查容器是否包含无效表单字段的函数。如果它具有显示特定容器的链接，则添加'hasErrors'类。

function treatFormLinks () {
    if (!$('#One .required').valid() ) {
        $('#LinkOne').addClass('hasErrors');    
    }
    if (!$('#Two .required').valid() ) {
        $('#LinkTwo').addClass('hasErrors');    
    }
    if (!$('#Three .required').valid() ) {
        $('#LinkThree').addClass('hasErrors');  
    }
};

$("#Submit").click(function () {
    treatFormLinks();
});

它工作正常，但如果容器#Two字段有效但容器#Three字段有一些错误，则会出现问题。在这种情况下，'hasErrors'类不会添加到#LinkThree。

我知道这个函数的逻辑存在问题，但是我怎么说浏览器会一直检查这些容器，直到它们都被检查完毕。

愚蠢的问题，我知道，但无论如何都需要帮助:)）

Answer 1

嗯，我的错误根本不明显，这就是我如何解决这个问题。我换了

!$('#One .required').valid()

用这个

!$('#One input, #One select, #One textarea').valid()

在每种情况下，现在它按预期工作。

jQuery“或if”语句

1 个答案: