|
2、專門操作
根據(jù)情況選擇合適的界面控件 是很重要的。不同情況下可以用不同的方式處理，而且某些控件會(huì)比其他控件能夠更好地完成他們的目標(biāo)工作。
Backpack 里有一個(gè)緊湊的日歷和時(shí)間選擇器選擇提醒日期。
例如，你可以通過一個(gè)下拉列表來選擇年月日，但是和日歷選擇器相比下拉列表不是非常高效的，在日歷里你可以直接通過點(diǎn)擊選擇你想要的某一天。日歷選擇器也會(huì)讓你更容易看到日期、周期和月份（特別是工作日和休息日），因此能夠讓你比用簡(jiǎn)單的下拉列表更快地做出更明智的選擇 。
3、禁用按下按鈕
在web應(yīng)用程序的表單問題中有一個(gè)就是提交過程，非常簡(jiǎn)單的表單，如果你快速地點(diǎn)擊兩次或者更多次“提交”按鈕，這個(gè)表單會(huì)被多次提交。這顯示是個(gè)問題，因?yàn)樗鼤?huì)重復(fù)創(chuàng)建相同的項(xiàng)目 。防止重復(fù)提交的不是很難，而且對(duì)于大多數(shù)Web應(yīng)用程序來說做到這一點(diǎn)是非常必要的。
它有兩層維護(hù)：客戶端和服務(wù)器端 。我們不會(huì)通過服務(wù)器端維護(hù)是因?yàn)檫@將取決于您使用的編程語言和你的后端架構(gòu)�；旧夏銘�(yīng)該做的就是在提交過程中添加一個(gè)檢測(cè)機(jī)制，去檢查被提交的內(nèi)容是否重復(fù)，并且是否需要阻止提交。
在 Yammer 上，當(dāng)你的新消息被提交之后，“更新”按鈕將被禁止。
客戶端則是簡(jiǎn)單得多。所有您需要做的就是在點(diǎn)擊之后禁用“提交”按鈕 。最簡(jiǎn)單的方法就是為“提交”按鈕添加一段JavaScript，如下所示：
<input type=”submit” value=”Submit” onclick=”this.disabled=true” />
當(dāng)然，我們會(huì)建議您同時(shí)還對(duì)服務(wù)器端進(jìn)行檢查，以確保重復(fù)不會(huì)獲得通過。
出處：WEB前端開發(fā)
責(zé)任編輯：bluehearts
上一頁 Web前端應(yīng)用十種常用技術(shù) [1] 下一頁 Web前端應(yīng)用十種常用技術(shù) [3]
◎進(jìn)入論壇網(wǎng)頁制作、WEB標(biāo)準(zhǔn)化版塊參加討論，我還想發(fā)表評(píng)論。
|
第 1 頁 
第 2 頁 Web前端應(yīng)用十種常用技術(shù) [2]
