這是一般網頁程式設計師會使用的方法，在商品數量處輸入「新的數量」。

然後小計欄位的金額就會重新計算，如下圖。

但是…

如果…

有網友把瀏覽器的JavaScript功能關閉，那麼就會變成輸入新的數量，但小計的金額不會有更改。

所以可以另外在下方做一個按鈕，按下這個按鈕才會進入輸入客戶資料的頁面，如果網友沒開JavaScript的話，自然就無法到下一頁送出表單。

當進入最後一頁後，把表單欄位取消，不要有任何的表單輸入欄位，所有金額也由程式依數量再重新計算過，就不會有錯誤的情況產生。

其實這是很怪的情況，假設一般購物車頁面沒針對使用者關閉JavaScript的情況做設計，就會讓使用有「有意」或「無意」的送出錯誤的訂購單。所以只要有一點「知識」的網友，就很有可能讓你的購物車結帳金額出錯…。

若使用者沒開JavaScript就不讓他進網站的方法固然可行，但或許並沒有照顧到那些真的有能力控制自己電腦的高手吧…。

所以製作網站時，應該先製作無JavaScript的版本，再加上JavaScript的功能，在國外稱之為「優雅的降級」。

不過這篇文章所提到的購物車方法不算是「優雅的降級」，因為使用者沒開JavaScript的話，雖然不會完全把他阻擋在網站外，但他也無法送出訂購單。

下次重寫架站平台時會依「優雅的降級」去設計。

推到Twitter  推到Plurk 

本篇文章引用網址：