form提交

方法一：利用form的onsubmit()函數（經常使用）

1. <script type="text/javascript">  
2.     function validateForm(){  
3.     if(document.reply.title.value == ""){ //通過form名來獲取form  
4.         alert("please input the title!");  
5.         document.reply.title.focus();  
6.         return false;  
7.     }     
8.     if(document.forms[0].cont.value == ""){ //通過forms數組獲取form  
9.         alert("please input the content!");  
10.         document.reply.cont.focus();  
11.         return false;  
12.     }  
13.     return true;  
14.   }  
15. <form name="reply"  method="post" onsubmit="return validateForm( );">  
16.         <input type="text" name="title"  size="80" /><br />  
17.         <textarea name="cont" cols="80" rows="12"></textarea><br />  
18.         <input type="submit" value="提交" >  
19. </form>  
20. 註意：  
21. 1.onsubmit屬性內容一定要有return關鍵字，否則函數會直接執行，不會返回  
22. 2.validateForm一定要返回一個boolean類型的返回值  
23. 3.提交按鈕要寫成submit類型的  

方法二：利用input類型為submit組件的onclick()函數

    1.將上面form標簽中的onsubmit="return validateForm()"屬性，去掉。

    2.為“提交”按鈕添加onclick事件，如下：

     <input type="submit" value="提交" onclick="return validateForm();">

方法三：利用button組件的onclick()函數，手動提交

1. <script type="text/javascript">  
2.     function modifyItem() {  
3.         if (trim(document.getElementById("itemName").value) == "") {  
4.             alert("物料名稱不能為空！");  
5.             document.getElementById("itemName").focus();  
6.             return;  
7.         }   
8.         with (document.getElementById("itemForm")) {  
9.             method = "post";  
10.             action = "item.do?command=modify&pageNo=${itemForm.pageNo}";  
11.             submit();  
12.         }  
13.     }  
14.     //返回  
15.     function goBack() {  
16.         window.self.location = "item.do?command=list&pageNo=${itemForm.pageNo}";  
17.     }  
18. </script>  
19. <form name="itemForm" id="itemForm">  
20.       <input name="itemNo" type="text"   id="itemNo" value="${ item.itemNo }" >  
21.       <input name="itemName" type="text"   id="itemName" value="${ item.itemName }" >  
22.      <input name="btnModify"  type="button" id="btnModify" value=“修改" onclick="modifyItem()">  
23. </form>  
24. 註意：  
25. 1.提交時，設置form的action和methods屬性，然後利用form.submit()函數提交。  

 總結：

       1.對form中的組件驗證時，前兩個使用的是name屬性，包括form自身的。

       2.如果提交表單時沒有反應，同時確定提交表單部分代碼沒有問題，請查看提交表單前面的js代碼，有時前面js的錯誤會引發莫名其妙的問題。