關於表單form元素中onsubmit事件處理機制的認識

　　博主目前處於Js學習的初期，遇到了不少問題，好比今天的關於表單form元素中onsubmit事件問題，根據教程所述，onsubmit事件是在表單提交的時候觸發的，可是我看到教程上的onsubmit事件是這麼寫的 ：onsubmit="return validateForm();"，首先validateForm()已經有返回值了，爲何在這裏還要加一個return？？這讓我百思不得其解，直到看到一篇博文才恍然大悟，受益不淺，如下是這篇博文的出處：http://blog.163.com/hgj_online/blog/static/476742432007112610135845/

如下是這篇博文的內容：

之前在項目中爲一個表單（from）編寫onsubmit()腳本的時候，常常須要驗證表單中數據的合法性，因此常會寫道：<form action="/admin/addUser.do" method="post" onsubmit="validateForm();">，試圖在validateForm()中return false來阻止表單的提交。實際上的效果是即便return false 表單 仍是會提交。後來發現 onsubmit="return validateForm()"就沒有問題了，當時也沒有多想就繼續作其它事情了。
    直到今天看到一篇文章做了清楚的解釋：
    衆所周知，在表單中加上onsubmit="return false;"能夠阻止表單提交。
下面是簡單的一小段代碼：

js代碼: 
<form action="index.jsp" method="post" onsubmit="submitTest();">
    <INPUT value="www">
    <input type="submit" value="submit">
</form>

<SCRIPT LANGUAGE="jsScript">
    function submitTest() {
        // 一些邏輯判斷
     return false;
    }

</SCRIPT>

你們判斷像上面的寫法，點擊submit按鈕該表單是否提交？
若答案爲是，就不用往下看了。
若答案爲否，錯了。實際狀況是表單正常提交，若想它不提交，應該將
js代碼: 
<form action="index.jsp" method="post" onsubmit="submitTest();">

改成以下js代碼: 
<form action="index.jsp" method="post" onsubmit="return submitTest();">

爲什麼？原來onsubmit屬性就像是<form>這個html對象的一個方法名，其值（一字符串）就是其方法體，默認返回true；和js同樣，
在該方法體中你能夠寫任意多個語句，包括內置函數和自定義函數，如
js代碼: 
onsubmit="
    alert('haha'); // 內置函數
    submitTest();  // 自定義函數
    alert(this.tagName); // 用到了this關鍵詞
    ......(任意多條語句)   

    return false;
"

就至關於js代碼: 
Form.prototype.onsubmit = function() {
    alert('haha'); // 內置函數
    submitTest();  // 自定義函數
    alert(this.tagName); // 用到了this關鍵詞
    ......(任意多條語句)   

    return false;
};

這樣的話你就覆寫(override)了其默認方法（默認返回true），你們注意到方法體中能夠用this這個關鍵詞，這裏即表明了<form>的對象實例。通過這樣的分析後，以上狀況就不難理解了：
js代碼: 
<form action="index.jsp" method="post" onsubmit="submitTest();">

這樣寫，override方法的效果爲：
Form.prototype.onsubmit = function() {
    submitTest();
    
};

在這裏submitTest()雖然返回false，但咱們只執行了此函數，沒有對其結果進行任何處理。而
js代碼: 
<form action="index.jsp" method="post" onsubmit="return submitTest();">

override方法的效果爲：
Form.prototype.onsubmit = function() {
    return submitTest();
};

這樣，咱們利用到了它的返回值，達到了預期效果。這樣理解的話我想印象會深入得多，就不易出錯了

結論：
咱們能夠用js裏的思惟方式來思考模擬jsScript中的相似狀況（jsScript中基於prototype的面向對象技術也確實是這樣作的），但他們畢竟仍是有本質上的區別，
如js是強類型的，有嚴格的語法限制，而jsScript是鬆散型的。象上述方法：
js代碼: 
Form.prototype.onsubmit = function() { 

};

這篇博文讓我豁然開朗，對onsubmit事件又有了一個從新的認識，感謝博主。