0

コンテナに無効なフォーム フィールドがあるかどうかをチェックする機能があります。特定のコンテナを表示しているリンクにある場合、「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();
});

正常に動作しますが、コンテナの 2 つのフィールドが有効で、コンテナの 3 つのフィールドにエラーがある場合に問題が発生します。この場合、「hasErrors」クラスは #LinkThree に追加されません。

この関数のロジックに問題があることは理解していますが、すべてのコンテナーがチェックされるまでブラウザーがそれらのコンテナーをチェックし続けるとはどう言えばいいでしょうか。

ばかげた問題、私は知っていますが、とにかく助けが必要です:)

4

1 に答える 1

0

さて、私の間違いはまったく明白ではありませんでした。これを修正する方法を次に示します。交換しました

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

これとともに

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

いずれの場合も、今では期待どおりに機能しています。

于 2012-11-08T13:27:47.163 に答える