form表单上传文件前校验,提交后不跳转界面

这几天写前端界面时用到了表单，遇到的问题总结下：

1.form表单上传文件，验证输入：

class="uploadFileFormClass" enctype="multipart/form-data" 
action=${pageContext.request.contextPath}/apkbuilding/demos/uploadPlatfomDemo> 
上传当前渠道已对接模板：             
请选择要上传的文件： 

  请输入版本号:  
 
 

action即是上传的地址

想在上传之前进行校验是否输入了参数。

//form提交前，验证
$("#uploadFileForm").submit(function(e){
if(!$("#formFileId").val()||!$("#formVersionCodeId").val()){
alert("请输入版本号，并选择要上传的apk。");
return false;
}
});

2.提交后不跳转界面

提交后每次都会跳转到一个新的页面，去显示了服务器端返回的json数据。

因为服务器端也是自己在写就改了一下这个接口的返回数据

return "";

这样在获取服务器端数据后，浏览器进行解析，解析后，又跳转回去了。

然后在页面又判断是否有数据，有数据就重新加载了一遍

//初始化时加载
if($("#js_select_platform_name").val()!=""){
setTimeout(function () { 
$("#btnSearch").click();
}, 1000);
}

未加延时时，数据加载的总是旧数据，加个延时1秒问题解决。

后来又需要弹出对话框，加上对话框。
return "";

中文乱码。

接口注解上加上编码问题解决

@RequestMapping(value="/uploadPlatfomDemo", produces={"text/html;charset=UTF-8"})