Javascript JQuery验证插件在表单提交时滚动顶部iframe
我的网站的Javascript JQuery验证插件在表单提交时滚动顶部iframe,javascript,jquery,html,iframe,Javascript,Jquery,Html,Iframe,我的网站的iframe中有一个表单。 我正在使用jQuery验证插件 表单由PHP文件生成,并在提交之前经过一些步骤。 我希望表单滚动回页面顶部的每一步,否则字段将不再可见 我什么都试过了: 在iframe标记中:onload=“scroll(0,0);”->不起作用 在表单标记的iframe本身中: onsubmit=“parent.scrollTo(0,0);返回true”->不工作 然后我在jQuery验证代码中尝试:(我禁用了 focusInvalid当我读到某个地方时,这可能会干扰并使
iframe
中有一个表单。
我正在使用jQuery验证插件
表单
由PHP
文件生成,并在提交之前经过一些步骤。
我希望表单
滚动回页面顶部的每一步,否则字段将不再可见
我什么都试过了:
在iframe
标记中:onload=“scroll(0,0);”
->不起作用
在表单标记的iframe
本身中:
onsubmit=“parent.scrollTo(0,0);返回true”
->不工作
然后我在jQuery验证代码中尝试:(我禁用了
focusInvalid
当我读到某个地方时,这可能会干扰并使
window.parent.$(“body”).animate({scrollTop:0},'fast');
在代码中
代码如下:
$(document).ready(function () {
$('#person_A_details').validate({
focusInvalid: false,
rules: {
CONTACTS_EMAIL: {
required: true,
email: true
},
CONTACTS_LNAME: "required",
CONTACTS_FNAME: "required",
CONTACTS_GENDER: "required",
CONTACTS_PHONE: "required",
CONTACTS_LANGUAGE: "required",
CONTACTS_FIXEDPARTNER: "required",
PRODUCT_SELECT: "required",
},
messages: {
CONTACTS_FNAME: "<?php echo $FRM_ERRMSG_CONTACTS_FNAME;?>",
CONTACTS_LNAME: "<?php echo $FRM_ERRMSG_CONTACTS_LNAME;?>",
CONTACTS_GENDER: "<?php echo $FRM_ERRMSG_CONTACTS_GENDER;?>",
CONTACTS_PHONE: "<?php echo $FRM_ERRMSG_CONTACTS_PHONE;?>",
CONTACTS_LANGUAGE: "<?php echo $FRM_ERRMSG_CONTACTS_LANGUAGE;?>",
CONTACTS_FIXEDPARTNER: "<?php echo $FRM_ERRMSG_CONTACTS_FIXEDPARTNER;?>",
PRODUCT_SELECT: "<?php echo $FRM_ERRMSG_PRODUCT_SELECT;?>",
CONTACTS_EMAIL: {
required: "<?php echo $FRM_ERRMSG_CONTACTS_EMAIL;?>",
email: "<?php echo $FRM_ERRMSG_CONTACTS_EMAIL_FORMAT;?>"
}
},
submitHandler: function (form) {
window.parent.$("body").animate({scrollTop:0}, 'fast');
form.submit();
}
});
$(文档).ready(函数(){
$(“#个人详细信息”)。验证({
焦点无效:错误,
规则:{
联系方式及电邮:{
要求:正确,
电子邮件:真的
},
联系人名称:“必需”,
联系人名称:“必需”,
联系人性别:“必需”,
联系电话:“必需”,
联系人语言:“必需”,
联系人\u FIXEDPARTNER:“必需”,
产品选择:“必需”,
},
信息:{
联系人姓名:“,
联系人名称:“,
联络人性别:“,
联络电话:“,
联络人(英语):,
联系人\固定合作伙伴:“”,
产品选择:“,
联系方式及电邮:{
必填项:“”,
电子邮件:“
}
},
submitHandler:函数(形式){
window.parent.$(“body”).animate({scrollTop:0},'fast');
表单提交();
}
});
您是否在提交处理程序中尝试过简单的$(document).scrollTop();
?您也不应该在提交处理程序中调用表单.submit()
,因为此方法在表单成功提交后激发。$(document).scrollTop();不执行任何操作,我需要创建父帧以滚动到顶部,因为它是iframe。不调用表单。submit()会导致不提交表单。。。