ajax异步提交失败弹出遮罩层和jquery.validate自动校验和iframe父窗口元素获取与遮罩问题

在项目中遇到了一个问题，

单独实现遮罩层效果，可以，编写好样式，绑定一个点击事件即可

单独实现jquery自动检验可以，引入js,编写好相应的validate,form action即可

但是，在两者结合，希望实现如下效果：

1.在提交之前，失去焦点的时候，需要validate的自动校验

2,带着图片上传，因此图片上传至图片服务器时，若连接超时，希望弹出遮罩层提示连接超时

在加上遮罩层后，发现validate校验功能不管用了，这是因为遮罩层把 type="submit"修改为了 type="button"，无法自动校验了。

实际上还是可以用validate的submitHandler来让遮罩层在提交之前显示的，提交就需要用ajax异步提交了。

其中在遮罩遇到的问题上还有：

1.遮罩div如何遮罩iframe元素使用中的父窗口

2.如何修改iframe父页面中的元素

针对问题1.

需要把遮罩层div和遮罩事件写在父窗口中

js如下：

function htmlEditor()
{
	$("#overlay").css("height",$(window.parent).height());     
    $("#overlay").css("width",$(window.parent).width());     
    $("#overlay").show(); 
    $('.theme-popover-mask').fadeIn(100);
	$('.theme-popover').slideDown(200);
}
function HideIframe()
{
    $("#overlay").hide();
    $('.theme-popover-mask').fadeOut(100);
    $('.theme-popover').slideUp(200);
}

html如下：

<div class="theme-popover" style="display:none">
     <div class="theme-poptit">
          <a href="javascr