jqueryを使用してfocusoutイベントごとに複数の入力を検証する方法は？

Question

こんにちは皆さん、focusoutイベントを使用して自分の入力の検証に問題があります。入力がfocusoutになるたびに、それは他の入力に影響を与えることなくその入力のみを検証します。問題は、私は多くの入力を持っていると私は同じIDでそれをwan'tです。これは問題です。私の入力の1つがトリガされたときに、すべてを検証します。私はこれについて多くの研究をしていましたが、私の質問に関連する部分もありましたが、まだ私はそれを得ておらず、私はプログラミングを初めて学んでいます。私は助けてください！

HERESにリンク：あなたはこの場合の使用クラスでは、あなたが参照するようにする各要素に一意のIDを設定する必要がhttps://jsfiddle.net/m7wa35tc/

var Main = { 
 

 
\t init: function(){ 
 
\t this.handleBinds(); 
 

 
\t }, 
 

 
\t handleBinds: function(){ 
 

 
\t \t $('.required').on("keyup", function(){ 
 
\t \t \t if($.trim($(this).val()).length < 1){ 
 
\t \t \t \t $(this).css("border-color", "red"); 
 
\t \t \t }else{ 
 
\t \t \t \t $(this).css("border-color", ""); 
 
\t \t \t } 
 
\t \t \t 
 
\t \t }); 
 

 
\t } 
 

 
}; 
 
$(document).ready(function(){ 
 

 
\t Main.init(); 
 

 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<label>Name 
 
\t \t \t <input type="text" id="required"> 
 
</label> 
 
<br> 
 
<label>Corporate or Legal Name 
 
\t \t \t <input type="text" id="required"> 
 
</label> 
 
<br> 
 
<label>Location Address 
 
\t \t \t <input type="text" id="required"> 
 
</label> 
 
<br> 
 
<label>City, State 
 
\t \t \t <input type="text" id="required"> 
 
</label> 
 
<br> 
 
<label>Zip/Postal Code 
 
\t \t \t <input type="text" id="required"> 
 
</label> 
 
<br> 
 
<label>Country 
 
\t \t \t <input type="text" id="required"> 
 
</label> 
 
<br> 
 
<label>Email Addresse 
 
\t \t \t <input type="text" id="required"> 
 
</label>

Answer 1

は=