我在网站form
中有一个iframe
。
我正在使用jQuery验证插件。
form
由PHP
文件生成,并在提交之前经历了一些步骤。
我想让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();
}
});