jQuery验证插件在表单提交时滚动顶部iframe

时间:2018-07-24 13:38:35

标签: javascript jquery html iframe

我在网站form中有一个iframe。 我正在使用jQuery验证插件。

formPHP文件生成,并在提交之前经历了一些步骤。 我想让form滚动到页面顶部的每一步,否则,这些字段将不再可见。

我已经尝试了所有事情:

iframe标记中:onload="scroll(0,0);"->不起作用

iframe本身的表单标签中:    onsubmit="parent.scrollTo(0, 0); return 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();  

                }
            });

0 个答案:

没有答案