JavaScript中form表單提交有哪幾種方式

JavaScript中form表單提交有以下三種方式：透過submit按鈕直接實作表單提交，透過button按鈕觸發onclick事件實作表單提交，submit按鈕觸發onsubmit事件實作表單提交

#在頁面中表單提交是一種很常見的方式，接下來在文章中為大家介紹幾種方法來實現表單提交，具有一定的參考價值，希望對大家有所幫助

【推薦課程：javascript教學】

##方法一

#透過使用submit按鈕來實現表單提交效果 

範例：

    First name:

    

    Last name:

    


    

方法二

##可以透過button按鈕來實現表單提交，當點擊button按鈕時，觸發onclick事件，由JavaScript裡函數判斷輸入內容是否為空，如果為空，返回false, 此時就不會發生表單提交。如果不為空，則將表單提交至由action指定的位址。

    用户帐号

    登录密码      
      

注意：這個方法中由於button按鈕不具備自動提交的功能，所以由JavaScript語句來實現提交

方法三

透過使用submit按鈕實現表單提交。當我們點擊submit按鈕時，先觸發onsubmit事件，然後由JavaScript裡的函數來判斷輸入內容是否為空，如果輸入內容為空，則傳回false, 表單不提交。如果輸入內容不為空，則提交到由action指定的地址

    用户帐号

    登录密码      
     

總結：以上就是本篇文章的全部內容，希望透過這篇文章可以幫助大家學會form表單提交的幾種方式。

以上是JavaScript中form表單提交有哪幾種方式的詳細內容。更多資訊請關注PHP中文網其他相關文章！