這幾天閑的沒事,重溫了一下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>的數據不會被提交。