2017-01-24 3 views
0

In Skript Validierung meines Code wie folgt,mit Fehlern Scrollen in Schienen

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; 
    } } 

Dabei mag ich bewegen, wo der Fehler durch erforderlichen Begriff angezeigt. Welcher Code möchte hinzugefügt werden? Ich bin damit nicht klar. Jemand hilft mir. Diese

EDIT
ist mein div Teil in Ansicht Seite,

<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> 

Dank.

+0

Sie können die Antwort hier finden: http://StackOverflow.com/Questions/4801655/How-to-Go-To-Aspecific-Element-On-Page und hier: http: // Stackoverflow .com/questions/5007530/how-do-i-scroll-zu-einem-element-using-javascript. –

+0

@AndrewParamoshkin Kann mit meinem Code erklären. Ich bekomme die Flash-Nachrichten, aber ich kann nicht scrollen, um einen genauen Fehler zu finden. Können Sie einen Code angeben, an dem Sie sich in diesem Skript anmelden? Entschuldigung, ich bin neu in der Skript-Validierung. – Prabha

+0

Hier geht es überhaupt nicht um Validierung. Zum Beispiel haben Sie 3 Fehlermeldungen (oder Eingaben mit Fehlern), und Ihr JS kann sie finden (mit einer Klasse oder einer ID oder einer anderen). Sie können also beim Laden der Seite mit window.scroll oder jQuery animate einfach zu diesen Elementen blättern (zum Beispiel zuerst). –

Antwort

0

Ich scrolle zum Fehlerort, indem ich den folgenden Code benutze.

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); 
}); 
} 

Das funktioniert gut für mich. :) :)