日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

[[415013]]

創(chuàng)新互聯于2013年開始，是專業(yè)互聯網技術服務公司，擁有項目網站設計、成都網站建設網站策劃，項目實施與項目整合能力。我們以讓每一個夢想脫穎而出為使命，1280元新建做網站,已為上家服務,為新建各地企業(yè)和個人服務,聯系電話:18980820575

大家好，我進階學習者。

一、前言

提交表單時，會觸發(fā) submit 事件，它通常用于在將表單發(fā)送到服務器之前對表單進行校驗，或者中止提交，并使用 JavaScript 來處理表單。

form.submit() 方法允許從 JavaScript 啟動表單發(fā)送?？梢允褂么朔椒▌討B(tài)地創(chuàng)建表單，并將其發(fā)送到服務器。

二、事件：submit

1. 提交表單主要有兩種方式。

第一種 ：

點擊 或 ，

第二種 ：在 input 字段中按下 Enter 鍵。

這兩個行為都會觸發(fā)表單的 submit 事件。

處理程序可以檢查數據，如果有錯誤，就顯示出來，并調用 event.preventDefault()，這樣表單就不會被發(fā)送到服務器了。

案例：

在文本字段中按下 Enter 鍵。點擊 。

這兩種行為都會顯示 alert，而因為代碼中的 return false，表單不會被發(fā)送到別處。

   
 
 
 

    
  
  
  
 
    
  
  
  
            First: Enter in the input field  
    
  
  
  
        
 
    
  
  
  
            Second: Click "submit":  
    
  
  
  
         
   
 
 
 

2. submit 和 click 的關系

在輸入框中使用 Enter 發(fā)送表單時，會在 上觸發(fā)一次 click 事件。

這很有趣，因為實際上根本沒有點擊。

例 ：

三、方法：submit

如果要手動將表單提交到服務器，可以調用 form.submit()。

這樣就不會產生 submit 事件。這里假設如果開發(fā)人員調用 form.submit()，就意味著此腳本已經進行了所有相關處理。

有時該方法被用來手動創(chuàng)建和發(fā)送表單，如下所示：

 

運行結果：

重置表單

為< input >或< button >標簽設置type=“reset"屬性可以定義重置按鈕。

  
 
 
 

   
  
  
  
 
   
  
  
  
重置 
  
 
 
 

當單擊重置按鈕時，表單將被重置，所有表單字段恢復為初始值。這是會觸發(fā)reset事件。1

例：單擊【重置】按鈕，彈出提示，恢復文本框默認值。

 

 

 

 

 

運行結果：

注：

在提交表單禁用提交按鈕的時候，應該在“submit”事件添加事件處理函數。不要用click。

因為不同的瀏覽器存在時差，有的瀏覽器會在觸發(fā)表單的submit事件之前觸發(fā)click事件，有的在這之后。

四、總結

本文基于JavaScript基礎，介紹了 事件和方法提交， submit 和 click 的關系對比。通過案例的分析，在實際應用需要注意的點，遇到的問題，提供有效的解決方案。

歡迎大家積極嘗試，有時候看到別人實現起來很簡單，但是到自己動手實現的時候，總會有各種各樣的問題，切勿眼高手低，勤動手，才可以理解的更加深刻。

代碼很簡單，希望對你學習有幫助。

本文轉載自微信公眾號「前端進階學習交流」，可以通過以下二維碼關注。轉載本文請聯系前端進階學習交流公眾號。

 

分享標題：盤點JavaScript事件和方法提交那些事兒
當前地址：http://www.dlmjj.cn/article/cdgdeih.html