jQueryの検証次の前の値に基づいて

Question

私はユニットと価格の両方でQuanitityを指定しているこの問題に遭遇しました。単位が与えられれば、価格も供給されなければならず、価格が与えられる場合、単位も供給されなければならない。しかし、彼らはどちらも空白です、それは大丈夫です。

+----------+-------+ 
| Quantity | Units | 
+----------+-------+ 
|   |  | 
+----------+-------+ 

私はこの状態を確認するために次のコードを使用しました。クラスの最初のインスタンスでは動作しますが、進行するインスタンスでは機能しません。

$(".Quantity").rules("add",{ 
     required:function(element){ 
     return $(".Quantity").next('input').val() > 0; 

    }, 
}); 

$(".Units").rules("add",{ 
     required:function(element){ 
     return $(".Units").prev('input').val() > 0; 

    }, 
}); 

したがって、基本的には発生の最初の値のみをチェックし、残りはチェックしません。私が望むのは、完全なページに行き、各出現の前の次の値を比較することです。私の場合は、データがテーブルに整理され、各セルには前と次の値で取得したい数量と価格の入力ボックスが含まれています。それは動作していません。

Here is codepen demo。クラスターの最初のインスタンスで停止し、クラスベースのルールを使用しているため、すべてのエラーを表示しないように、エラーの総数を表示する例でもブートストラップダイアログを使用しています。どんな助けもありがとう。複数の要素をターゲットとセレクタを使用しているときに使用していないときに、このプラグインの方法では

Answer 1

自分で回答してください。私は

$('.Units').each(function() { 
    $(this).rules("add", { 
     onkeyup: false, 
     required: function (element) { 
      return element.nextElementSibling.nextElementSibling.value > 0 ? true : false; 
     }, 
    }) 
}); 

$('.Cost').each(function() { 
    $(this).rules("add", { 
     required: function (element) { 
      return element.previousElementSibling.previousElementSibling.value > 0 ? true : false; 
     }, 
    }) 
}); 

に

私の問題を修正するには、次のコードを使用していた前と次の値が相互に依存していたところ、私が使用される実際のコードはより複雑です。

Answer 2

、あなたは、そうでなければ... jQueryの.each()内

$(".Quantity").each(function() { 
    $(this).rules("add",{ 
     required: function(element) { 
      return $(".Quantity").next('input').val() > 0; 
     }, 
    }); 
}); 

の方法を囲む必要がありますeach()では、最初に一致する要素のみが考慮されます。