、レールスクリプトの検証で

Question

このような私のコードでエラーが発生して、この中

if (!obj.checked){ 
     if (attendance_tardy.checked == true){ 
      attendance_tardy.click(); 
     } 
     absentType.required = true; // flash error message 
     dropdown.style.display = "block"; 
     remark_div.style.display = "block"; 
     tardy_div.style.display = "none"; 
     remarks.required = true; 

    }else{ 
     dropdown.style.display = "none"; 
     absentType.required = false; 
     remark_div.style.display = "none"; 
     tardy_div.style.display = "block"; 
     remarks.required = false; 
    } } 

をスクロール、私はスクロールしたい場所に必要な用語で表示されるエラー。どのようなコードを追加したいですか？私はこれで明確な見解ではない。誰か助けて。

EDIT
これは、

<div id="reason<%= index.to_s %>" <% if (list.attendance_status == true) then %> style="display: none;" <% end %>> 
         <% if (@absenteelists != nil) then %> 
          <%= collection_select(:absent, 'absent_type'+index.to_s, @absenteelists, :parameter, :value, 
          {:prompt => "Select Reason", :selected => list.absent_type}, 
          {:class => "country_code-drpdwn select2"}) %> 
         <%else%> 
          <select id="absent_absent_type"+index.to_s name="absent[absent_type]" class="country_code-drpdwn select2"> 
           <option value="">Select Reason</option> 
          </select> 
         <%end%> 
        </div> 

おかげビューページでの私のdiv一部です。

Answer 1

次のコードを使用してエラー箇所にスクロールしています。

var elements = document.querySelectorAll('select');//instead of select can use other input types 
for(var i = elements.length; i--;) { 
elements[i].addEventListener('invalid', function() { 
    this.scrollIntoView(false); 
}); 
} 

これは私にとってはうまくいきます。 :) :)