form的onsubmit事件--表單提交前的驗證最佳實現方式

連續2天，在進行form表單包括上傳表單的提交操做時，剛開始用struts2自帶的上傳模式與後臺進行交互，但原來的頁面是用html作的，不能經過國際化資源來返回後臺操做的錯誤信息於靜態的html，以後我又百度了許多ajax異步與後臺交互的方法，如ajaxForm，ajaxSubmit，ajaxFileUpload等，用的是心力交瘁，各類錯誤拋出，而後還嘗試easyui的表單提交，仍是不成...這一切的目的都是爲了實現異步交互，不讓當前頁面跳轉，使用ajax實現文件上傳的異步刷新，最後仍是死心了，使用傳統的struts2的result成功和錯誤跳轉；結構定了，接着，就是要在表單提交前統一進行驗證。心想，form應該也有提交前的事件，上網一查，真有，就是onsubmit。此事件的功能就是在表單提交前自動執行指定的東西。

js方法：

 1 function check(){
 2    var name = document.getElementById("name").value;
 3    if(name ==  null || name == ''){
 4         alert("用戶名不能爲空");
 5         return false;
 6    }
 7    return true;
 8 }
 9 
10 <form name="form" action="跳轉的頁面" method="post"  onsubmit="return check()">
11   <input type="text" id="name"/>
12   <input type="sumit" value="提交"/>
13 </form>

須要注意的是，onsubmit=「return check()」中的return是必定要加上的，否則check的返回值哪怕是false，仍然提交。也就是說，onsubmit=「return false」爲不執行提交；onsubmit=「return true」或onsubmit=「return 」都執行提交。