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()会导致不提交表单。。。