我发现了一些关于此的问题,但它们似乎对我不起作用。最后我想我会把它贴在那里,以防我做一些愚蠢的事情。
表单提交正常,但是在单击导致验证/提交的保存按钮后,页面滚动到顶部。这是在输入按钮上,而不是 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 在这种情况下会起到防止默认值的作用,但它仍然跳到页面顶部