提交form表单不刷新页面案列

提交form表单不刷新页面其实很简单的，这里拿上传图片来举列，大家有什么其它的方法也欢迎留言告知与我

　　　　　　<form action="" method="post" id="IMGFORM" enctype="multipart/form-data" target="upload">
<table>
<tr>
<td width="20%"><input type="file" name="hotelimg" id="hotelimg"/></td>
<td align="left">
<button type="submit" onclick="return MySubmit();"><span class="glyphicon glyphicon-open">上传图片</span>　　　　　　　　　　　　　　　　　　　　　　　</button>
<span id="IMGERROR" style="color:red;"></span>
</td>
</tr>
</table>
</form>

<!--这里写个内嵌框 name属性值标明为upload 和form 表单的target属性值一致后台处理后就会返回到指定的内嵌框来

内嵌框影藏就看不到页面页面刷新的效果了-->

<iframe src="uploadimg.html" name="upload" style="disra:none"></iframe>

<script type="javascript/text">

/*
用途：检查输入字符串是否为空或者全部都是空格
输入：str
返回：
如果全是空返回true,否则返回false
*/
function isNull(str) {
if (str == "") return true;
var regu = "^[ ]+$";
var re = new RegExp(regu);
return re.test(str);
}

function MySubmit(){

　　if(isNull($("#hotelimg").val())){

　　$("#IMGERROR").html("请选择上传的文件");

　　return false;

　　}

　　$("#IMGFORM").submit();

}

</script>