JavaScript提交表單


這幾天閑的沒事,重溫了一下JavaScript

接下來說一下JavaScript提交表單的兩種方式

1.  方式一是通過<form>元素的submit()方法提交一個表單,例如,響應一個<button>的click事件,在JavaScript代碼中提交表單:

這種方式的缺點是擾亂了瀏覽器對form的正常提交。瀏覽器默認點擊<button type="submit">時提交表單,或者用戶在最后一個輸入框按回車鍵。

2.   因此,第二種方式是響應<form>本身的onsubmit事件,在提交form時作修改:

注意要return true來告訴瀏覽器繼續提交,如果return false,瀏覽器將不會繼續提交form,這種情況通常對應用戶輸入有誤,提示用戶錯誤信息后終止提交form。

在檢查和修改<input>時,要充分利用<input type="hidden">來傳遞數據。

例如,很多登錄表單希望用戶輸入用戶名和口令,但是,安全考慮,提交表單時不傳輸明文口令,而是口令的MD5。普通JavaScript開發人員會直接修改<input>:

這個做法看上去沒啥問題,但用戶輸入了口令提交時,口令框的顯示會突然從幾個*變成32個*(因為MD5有32個字符)。

要想不改變用戶的輸入,可以利用<input type="hidden">實現:

注意到id為md5-password的<input>標記了name="password",而用戶輸入的id為input-password的<input>沒有name屬性。沒有name屬性的<input>的數據不會被提交。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM