Form Doğrulama - Geçmiş giriş kutusunu kaydır

Question

Gerekli alanları olan bir sorgu formu oluşturuyorum. Kullanıcı gönder düğmesine bastığında, kullanıcının düzeltmesi için bir hata listesi görüntülenir. Bu liste, zorunlu alanlarla ilgili bir etiket kümesidir ve kullanıcı bunları tıkladığında, ilgili giriş kutusuna yönlendirilir. Kaydırma, giriş kutusunda durur ve girişin gerçek etiketini göstermez.

Kullanıcı hata girişini seçtiğinde, web sitesi etiket girdisini eklemek için yukarı doğru kayarken nasıl yapabilirim?

teşekkür ederiz :)

Answer 1

sadece masaj listesidir hata dikkate örneğin

$(".error-massage").click(function(){ 
    var l = $(this).attr("data-label"); 
    top_Offset = $("*[label='" + l +"']").offset().top; 
    $(window).scrollTop(top_Offset - 100 + "px") 
}) 

ilerleyin wnat elemanın ofset üstünden şey çıkarmak gerekir

<ul> 
<li class="error-massage" data-label="name">invalid name </li> 
<li class="error-massage" data-label="pass">invalid pass</li> 
<li class="error-massage" data-label="somthing">invalid somthing</li> 
</ul> 

gibi

Answer 2

İlgili geçersiz girdinin kimliğine bir bağlantı ekleyin

<ul> 
 
<li class="error-massage"> 
 
    <a href="#input-name">invalid name</a> 
 
</li> 
 
<li class="error-massage"> 
 
    <a href="#input-pass">invalid pass</a> 
 
</li> 
 
<li class="error-massage"> 
 
    <a href="#input-something">invalid something</a> 
 
</li> 
 
</ul>

yok JS gerekli.