layer,Jquery,validate实现表单验证，刷新页面，关闭子页面

1、表单验证

　　　　　　　　　　  //获取父层
                    var index = parent.layer.getFrameIndex(window.name);
                    //刷新父层
                    parent.location.reload();
                    //关闭弹出层
                    parent.layer.close(index);  

HTML代码;

 <form class="form form-horizontal" id="form-article-add" action="projectManagerVo/handle" method="post">
         <input type="hidden" class="input-text"  placeholder="" id="hidden" value = "0" name="status" >
             <div class="row cl">
             <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>项目编号：</label>
             <div class="formControls col-xs-8 col-sm-9">
                 <input type="text" class="input-text"  placeholder="" id="proNumber" name="proNumber" >
             </div>
         </div>

         <div class="row cl">
             <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>项目名称：</label>
             <div class="formControls col-xs-8 col-sm-9">
                 <input type="text" class="input-text" placeholder="" id="proName" name="proName" >
             </div>
         </div>

         <div class="row cl">
             <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>承包单位：</label>
             <div class="formControls col-xs-8 col-sm-9">
                 <input type="text" class="input-text"  placeholder="" id="department" name="department" >
             </div>
         </div>

         <div class="row cl">
             <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>负责人：</label>
             <div class="formControls col-xs-8 col-sm-9">
                 <input type="text" class="input-text"  placeholder="" id="proLeader" name="proLeader" >
             </div>
         </div>

         <div class="row cl">
             <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>开工时间：</label>
             <div class="formControls col-xs-8 col-sm-9">
                 <input type="text"  onfocus="WdatePicker({ dateFmt:'yyyy-MM-dd HH:mm:ss',maxDate:'#F{$dp.$D(\'commentdatemax\')||\'%y-%M-%d\'}' })" id="commentdatemin" name="startTime"   class="input-text Wdate">
             </div>
         </div>
         <div class="row cl">
             <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>计划完工时间：</label>
             <div class="formControls col-xs-8 col-sm-9">
               <input type="text"  onfocus="WdatePicker({ dateFmt:'yyyy-MM-dd HH:mm:ss',minDate:'#F{$dp.$D(\'commentdatemin\')}' })" id="commentdatemax" name="endTime" class="input-text Wdate">
             </div>
         </div>

         <div class="row cl">
             <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>项目地址：</label>
             <div class="formControls col-xs-8 col-sm-9">
                 <input type="text" class="input-text"  placeholder="" id="proLevel" name="proLevel" >
             </div>
         </div>
         <div class="row cl">
             <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>合同金额：</label>
             <div class="formControls col-xs-8 col-sm-9">
                 <input type="text" class="input-text"  placeholder="0" id="totalMoney" name="totalMoney" >
             </div>
         </div>
         <div class="row cl">
             <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>建设单位：</label>
             <div class="formControls col-xs-8 col-sm-9">
                 <input type="text" class="input-text"  placeholder="" id="proSource" name="proSource" >
             </div>
         </div>
         <div class="row cl">
             <label class="form-label col-xs-4 col-sm-2">项目摘要：</label>
             <div class="formControls col-xs-8 col-sm-9">
                 <input type ="text" class="input-text" name="remark" />
             </div>
         </div>
         <div class="row cl">
             <label class="form-label col-xs-4 col-sm-2">项目备注：</label>
             <div class="formControls col-xs-8 col-sm-9">
                 <input type="text" class="input-text"  placeholder="" id="memo" name="memo" >
             </div>
         </div>

         <div class="row cl">
             <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-2">
                 <button  id = "adult" class="btn btn-primary radius" type="submit"><i class="Hui-iconfont"></i> 保存并提交审核</button>

                 <button id = "save" class="btn btn-primary radius" type="submit"><i class="Hui-iconfont"></i> 保存草稿</button>

                 <button id = "reset" class="btn btn-default radius" type="reset">&nbsp;&nbsp;取消&nbsp;&nbsp;</button>
             </div>
         </div>
     </form>

Jquery部分代码：

$(function(){
    $('.skin-minimal input').iCheck({
        checkboxClass: 'icheckbox-blue',
        radioClass: 'iradio-blue',
        increaseArea: '20%'
    });

    //表单验证
    var validator = $("#form-article-add").validate({
        rules:{
            contractNumber:{
                required:true,
            },
            enterMoney:{
                required:true,
                number:true
            },
            commentdatemin:{
                required:true,
                dateISO:true
            },

        },

        onkeyup:false,
        focusCleanup:true,
        success:"valid",
        submitHandler:function(form) {
            $(form).find(":submit").attr("disabled", true).attr("value", "保存中...");
            //$(form).ajaxSubmit();
             $(form).ajaxSubmit({
                type: 'post',
                url: "projectManagerVo/handle",
                success: function(data){
                    //获取父层
                    var index = parent.layer.getFrameIndex(window.name);
                    //刷新父层
                    parent.location.reload();
                    //关闭弹出层
                    parent.layer.close(index);  

            layer.msg('添加成功!',{icon: 6,time:2000});
            parent.location.href="projectManagerVo/show";
                },
                error: function(XmlHttpRequest, textStatus, errorThrown){
                    layer.msg('ERROR!',{icon:5,time:2000});
                }
            });
        }
    }); 

});

2、非表单提交验证

　　 var index = parent.layer.getFrameIndex(window.name); //获取窗口索引

　　parent.layer.close(index);//关闭弹出的子页面窗口

HTML代码：

     <div class="page-container">
         <div class="row cl">
             <label class="form-label col-xs-4 col-sm-2"><span
                 class="c-red">*</span>项目名称：</label>
             <div class="formControls col-xs-8 col-sm-9">
                 <input type="text" class="input-text" value="${proName }"
                     placeholder="" id="" name="proName" readonly="readonly">
             </div>
         </div>
         <div class="row cl">
             <label class="form-label col-xs-4 col-sm-2"><span
                 class="c-red">*</span>合同名称：</label>
             <div class="formControls col-xs-8 col-sm-9">
                 <input type="text" class="input-text" value=""
                     placeholder="" id="contractName" name="contractName" >
             </div>
         </div>
         <div class="row cl">
             <label class="form-label col-xs-4 col-sm-2"><span
                 class="c-red">*</span>合同编号：</label>
             <div class="formControls col-xs-8 col-sm-9">
                 <input type="text" class="input-text" value=""
                     placeholder="" id="contractNumber" name="contractNumber" >
             </div>
         </div>
         <div class="row cl">
             <label class="form-label col-xs-4 col-sm-2"><span
                 class="c-red">*</span>项目发票上传：</label>
             <div class="formControls col-xs-8 col-sm-9">
                 <div class="uploader-list-container">
                     <div class="queueList">
                         <div id="dndArea" class="placeholder">
                             <div id="filePicker-2"></div>
                             <p>或将照片拖到这里，单次最多可选300张</p>
                         </div>
                     </div>
                     <div class="statusBar" style="display:none;">
                         <div class="progress">
                             <span class="text">0%</span> <span class="percentage"></span>
                         </div>
                         <div class="info"></div>
                         <div class="btns">
                             <div id="filePicker2"></div>
                             <div class="uploadBtn">开始上传</div>
                         </div>
                     </div>
                 </div>
             </div>
         </div>
         <div class="row cl">
             <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-2">
                 <button
                     onClick="article_add('','contractVo/save?&projectId=${projectId}&contractScan=','10001');"
                     class="btn btn-primary radius" type="button">
                     <i class="Hui-iconfont"></i> &nbsp;&nbsp;保存&nbsp;&nbsp;
                 </button>
             </div>
         </div>
     </div>

JS代码;

/*项目合同-添加*/
        function article_add(title, url, w, h) {
        if(imagePath && $("#contractNumber").val() && $("#contractName").val()){
            var index = layer.open({
                type : 2,
                title : title,
                content : url+imagePath+'&contractNumber=' + $("#contractNumber").val()+'&contractName='+ $("#contractName").val(),
            });
            layer.full(index);
            var index = parent.layer.getFrameIndex(window.name); //获取窗口索引
        　　parent.layer.close(index);//关闭弹出的子页面窗口
        }else{layer.msg('内容不能为空，图片要上传！！',{icon: 5,time:2000});}

        }