recaptcha - reCaptchaとSilverstripe

Question

RecaptchaをSilverstripeに実装しましたが、機能しているようです。唯一の問題は、フォーミュラとキャプチャコードがページの最後にあり、間違ったコードを入力すると、ページがリロードされて先頭に戻り、ユーザーにフォーミュラとキャプチャコードが表示されないことです。もう。

間違ったキャプチャコードを入力した後、ウィンドウが上にスクロールしないようにするにはどうすればよいですか？

Answer 1

HTTP 仕様では、アンカー タグを含むサーバー側のリダイレクトが許可されていないため、これを実現するには JavaScript を使用する必要があります。標準の SilverStripe フォーム レンダリングではフィールドが検証メッセージで強調表示されるため、送信されたフォームが再度読み込まれると、これを使用してフィールドの状態を判断できます。

jQuery(document).ready(function() {
    var captchaEl = jQuery('#MyCaptcha');
    if(captchaEl.find('.message.required').length) {
        window.scrollTo(0, captchaEl.scrollTop());
    }
});