Asp.net maintainScrollPositionOnPostBackとフォームの検証に失敗しました

Question

私は記入する必要がある非常に長いフォームを持っています。ユーザー入力に基づいて表示/非表示を切り替えるコントロールが複数あるため、maintainScrollPositionOnPostBackが有効になっています。

フォームが長すぎるため、ページのフォーカスとスクロールが最初に失敗したコントロールをスクロールして、検証に失敗したオプションを有効にしてください。ただし、maintainScrollPositionOnPostBackがこれをオーバーライドしているようです（コントロールはフォーカスを合わせますが、スクロールしません）。

これにはどのような対処法がありますか？これまでに試したことはすべてうまくいっていません。これはasp.net webformsプロジェクトです。

Answer 1

これは良い質問であり、実際に作業するのは難しいです。しかし、私はあなたが試みることができ、おそらく上に構築することができます1つのバージョンを得ることができました。

MaintainScrollPositionOnPostback = "true"に設定すると、フォームのサブミットとウィンドウのロード時に一連のJavaScriptイベントが設定され、バリデータによってフォーカスセットが上書きされます。

それでは、私はそうのようなすべてのバリデータに共通のCSSクラスを追加しましたでした

<asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" CssClass="error" ErrorMessage="RequiredFieldValidator" SetFocusOnError="true" 
    EnableClientScript="false" ControlToValidate="TextBox1"></asp:RequiredFieldValidator> 

そして、私たちはまた、Aspの1を残しておく必要があります注意してください（window.loadするために別のEventListenerを追加しました。ネットは）...ので、私たちはwindows.load =機能を行うことはできません追加しました：

<script> 
    window.addEventListener("load", function() { 
     var el = document.getElementsByClassName("error"); 
     if (el.length > 0) { 
      window.location.hash = "#" + el[0].id;     
     } 
    });   
</script> 

ここでは、より多くのブラウザをサポートすることができるように使用するjQueryの恩恵を受けるかもしれないが、addEventListenerをはpretty well supportedです。

スクリプトはerrormessageを検索し、そのIDにアンカーでフォーカスします。 Javascriptにはfocus-methodがありますが、これはフォーム要素用です。そのため、この回避策があります。

希望すると便利です。