6

jQuery Validate を使用しており、エラーが見つかったときにページの上部に移動 (またはスクロール) しようとしています。エラーのあるフィールドへのフォーカスを停止するためにfocusInvalid オプションを追加しましたが、ページの上部に移動する方法がわかりません (ページの上部にエラー コンテナーが表示されているため)。

私のスクリプトの簡略版を以下に示します。ご協力いただきありがとうございます。

$(".event-form").validate({
  errorContainer: ".error-container",
  errorLabelContainer: ".error-container ul",
  wrapper: "li",
  focusInvalid: false,
  ignore: "",
  rules: {
    title: { required: true }
  },
  messages: {
    title: "You must enter the title"
  }
});
4

1 に答える 1

7 
$(".event-form").validate({
 errorContainer: ".error-container",
  errorLabelContainer: ".error-container ul",
  wrapper: "li",
  focusInvalid: false,
  ignore: "",
  rules: {
    title: { required: true }
  },
  messages: {
    title: "You must enter the title"
  },
    invalidHandler: function(form, validator) {
        var errors = validator.numberOfInvalids();
        if (errors) {
              $("html, body").animate({ scrollTop: 0 }, "fast");
        }
    }
})
于 2013-03-12T17:27:29.540 に答える