フォーム検証 - 過去の入力ボックスをスクロール

Question

フィールドを必要とする照会フォームを作成しています。ユーザが提出ボタンを押すと、ユーザが修正するためのエラーのリストが表示される。このリストは必須フィールドに関連する一連のラベルで、ユーザーがクリックすると関連する入力ボックスに移動します。スクロールは入力ボックスで停止し、入力の実際のラベルは表示されません。

ユーザがエラー入力を選択した場合、ウェブサイトはラベル入力を含むように上にスクロールします。

ありがとうございました:)

Answer 1

をあなたがちょうどあなたがマッサージリストをエラー検討例に

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

をスクロールするwnat要素のオフセットを上から何かを引く必要があり

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

のようなものです

Answer 2

無効な入力のIDへのアンカーを含める

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

ませんJSが必要。