JSP引用該JS

<script type="text/javascript" src="http://malsup.github.com/jquery.form.js"></script>

表單儲存按鈕 onclick=save();

function save(){
	var ipts = $('.resblockName'), repeat = '';
    $(".resblockName").each(function () {
        if (ipts.filter('[value="' + this.value + '"]').size()>1) {
            repeat = this.value;
            return false;
        }
    });
    if (repeat !== ''){ 
    	alert('有重複名稱，為：' + repeat + '！');
    	return false;
    }
	if(confirm("上傳壓縮包檔案大，耗時長，需要您耐心等待，確定要上傳嗎？")){
		//上傳按鈕置灰，新增按鈕置灰
		//$("#bsubmit").attr("disabled" , true).html("<i class=\"icon-spinner icon-spin\"></i> 正在提交中...").attr("onclick","");
		$("#bsubmit").attr("disabled" , true).attr("onclick","");
		$("#newBtn").attr("disabled" , true).attr("onclick","");
		$(".uploadForm").each(function(index){//form-index
			//判斷是否有值
			var resblockId=$(this).find(".resblockId").val();
			var fileName=$(this).find(".tp").val();
			if(fileName=='' || resblockId==''){
				$(".upload-msg-span").eq(index).attr("style","color:red;").html("<i class=\"fa fa-times\"></i>名稱及檔案必選。");
				return true ;
			}
			$(this).ajaxSubmit({  
				url:"<%=basePath%>picture/saveResblock720.do",
				iframe: true,
		        enctype:'multipart/form-data',
		        success:function(data, statusText) {
		        	var resultMsg="";
		           	if(data!=null){
		           		resultMsg=data.resultMsg;
		           		if(data.resultStatus==200){
		           			resultMsg="<i class=\"icon-ok\"></i>"+resultMsg;	
		           			$(".upload-msg-span").eq(index).attr("style","color:blue;").html(resultMsg);
		           		}else{
		           			resultMsg="<i class=\"fa fa-times\"></i>"+resultMsg;
		           			$(".upload-msg-span").eq(index).html(resultMsg);
		           		}
		           	}
		           	
		        },error: function(arg1, arg2, ex) {
		        	var resultMsg="<i class=\"fa fa-times\"></i>上傳異常，請重試。";
		        	$(".upload-msg-span").eq(index).html(resultMsg);
		        },
		        dataType: 'json'
		   });
		});
		// 檔案上傳結束後的 按鈕修改
		//$("#bsubmit").html("<i class=\"icon-ok\"></i>上傳結束");
	}
}
 

$(document).ready(function() {   
    var options = {   
        target:        '#mydiv',   // 需要重新整理的區域  
        //beforeSubmit:  showRequest,  // 提交前呼叫的方法  
        //success:       showResponse  // 返回後笤俑的方法  
   
        // other available options:   
        //url:       url         // 提交的URL, 預設使用FORM  ACTION   
        //type:      type        // 'get' or 'post', override for form's 'method' attribute   
        //dataType:  null        // 'xml', 'script', or 'json' (expected server response type)   
        //clearForm: true        // 是否清空form  
        //resetForm: true        // 是否重置form  
   
        // $.ajax options can be used here too, for example:   
        //timeout:   3000   
    };   
   
    // 繫結FORM提交事件  
    $('#myForm').submit(function() {   
        $(this).ajaxSubmit(options);   
   
        // !!! Important !!!   
        // always return false to prevent standard browser submit and page navigation   
        return false;   
    });   
});