onsubmit=return false阻止form表單提交

但是將button的type改為submit卻又能提交

於是上jQueryAPI查詢原因，看到以下這段文字頓時明白了：

Additional Notes:

Forms and their child elements should not use input names or ids that conflict with properties of a form, such assubmit,length, ormethod. Name conflicts can cause confusing failures. For a complete list of rules and to check your markup for these problems, see

return false 阻止表單提交不起今天這個問題困擾了我很久，在網上找了很多資料，基本上關於onsubmit=return false有以下幾點要注意的地方：

1. return 的返回值問題，函式中return一旦有返回值，就不在執行下面的語句，直接跳到函式呼叫的地方。如下PHP函式程式碼，第一個if條件符合則函式值返回布林型false，可以返回一個函式的值,並且跳出這個函式；只要遇到return語句，程式就在那一行程式碼停止執行，執行控制將立刻返回到呼叫該程式的程式碼處。

 function chkinput(form)
 {
   if(form.title.value=="")
    {
      alert("請輸入文章標題!");
   form.title.select();
   return false;              //注意不能寫成 return(false); 2009.12.15
    } 
 
   if(form.content.value=="")
    {
      alert("文章正文不能為空@！!");
   form.content.select();
   return false;
    }
 
    return true;
 }

2.form的onsubmit屬性的觸發問題，onsubmit 事件什麼時候觸發？onsubmit 事件會在表單中的確認按鈕被點選時發生。不觸發的原因有一般如下：

A. onsubmit屬性的觸發時機是在form用input:submit這樣的button提交時才會觸發，否則不會觸發。如果是用一個普通input:button，則在onclick屬性中指定一個javascript函式，在這個函式裡面再執行form的submit()函式，而不是onsubmit屬性。

B. 先看一段程式碼：

 <form action="index.jsp" method="post" onsubmit="submitTest();">

    <INPUT value="www">

    <input type="submit" value="submit">

</form>
 

<SCRIPT LANGUAGE="JavaScript">

<!--

    function submitTest() {

        // 一些邏輯判斷return false;

    }

//--></SCRIPT>

點選submit按鈕該表單並未提交。因為有一處應該改為（紅色字型）

<form action="index.jsp" method="post" onsubmit="return submitTest();">

原來onsubmit屬性就像是<form>這個html物件的一個方法名，其值（一字串）就是其方法體，預設返回true；

和Java一樣，在該方法體中你可以寫任意多個語句，包括內建函式和自定義函式。

在這裡submitTest()雖然返回false，但我們只執行了此函式，沒有對其結果進行任何處理。

而onsubmit="return submitTest()利用到了它的返回值，達到了預期效果。