これについて多くの質問を見つけましたが、うまくいかないようです。最後に、ばかげたことをしている場合に備えて、そこに投稿すると思いました。
フォームは正常に送信されますが、検証/送信を引き起こす保存ボタンをクリックすると、ページが一番上にスクロールします。これは href='#' タイプの問題ではなく、入力ボタンにあります
<input type="Submit" class="btn btn-orange submit" value="Save">
上記の送信ボタンは、以下を開始します
$("#submitform").validate({
// debug: true,
rules: {
summary: {
validateWidthLimits: {max: 49, min: 5}
},
description: {
validateWidthLimits: {max: 49, min: 5}
},
start_date: {
validateDate: true
},
end_date: {
validateDate: true
},
geocomplete: {
validateWidthLimits: {max: 500, min: 5}
}/*,
// tandcagreed: {
// validateCheckBoxTicked: {ticked: true, fName: setFeedback2, feedback: $("#mainfbf"), feedbackmsg: "You must agree to our terms and conditions"}
// }*/
},
submitHandler: function(event, validator) {
submitForm();
return false;
},
invalidHandler: function(event, validator) {
setFeedback2($("#mainfbf"), "All required fields must be filled out", true);
return false;
}
});
この場合、 return false はデフォルトを防止するように機能すると思いましたが、それでもページの上部にジャンプしています