會員登入 新朋友?立刻註冊
[說明]
文章會慢慢移新精讚 //n.sfs.tw
2019/2/23 星期六     [文章分類及列表]
精讚Blog logo 部落格是自己寫爽的
精讚部落 > 前端程設 > HTML/CSS
超連結點選時兩次確認的寫法 無次要群組 列印 推薦
作者或來源 瘦河馬 2010-02-09 06:33:53
關鍵字 1javascript 2confirm 3html
此文完整連結 http://n.zipko.info/371.html
文章歡迎轉載,請尊重版權註明連結來源。

超連結點選時兩次確認的寫法

網頁上,當使用者點選超連結時,我們希望他們能在確定點選時進行確認,防止誤點,所以會寫成這個樣子:

< a href="order.php?f=Del&sn=123" onclick="return confirm('此訂單任意刪除可能會造成嚴重問題,是否確定刪除此訂單?');">刪除< /a>

這樣子可以防止一些基本上大腦有點迷走的使用者即時醒過來,不會不小心刪了重要的資料。但是對於重度迷走的使用者,就需要兩次以上的確認,所以我們將上式修改如下:

< a href="order.php?f=Del&sn=123" onclick="return confirm('此訂單任意刪除可能會造成嚴重問題,是否確定刪除此訂單?') & confirm('再次確認是否刪除?');">刪除< /a>

這裡用了一個 bitwise 的AND運算,兩式都要成立才會成立,很簡單吧!

唯一不方便的地方,就是當使用者在第一個確定時已經選擇取消時,他仍然會進入第二個詢問,這樣一定會讓火爆的使用者在電腦前幹噍!因此我們得採用更好的寫法:那就是if(.....) 不是,那是弱程設師的大腦才會想到的解法,因為我是強程設師,不想在 onclick 事件中塞太多東西,所以用一個三元運算子來解決:

< a href="order.php?f=Del&sn=123" onclick="return confirm('此訂單任意刪除可能會造成嚴重問題,是否確定刪除此訂單?') ? confirm('再次確認是否刪除?'):false;">刪除< /a>

漂亮~~

 

 

END
F B 留 言 版

留言結束請重新整理網頁顯示留言
相 關 文 章
同 群 組 其 他 文 章
隨 機 文 章
精讚部落版權所有(c) JinZan Blog http://n.zipko.info Author axer@tc.edu.tw. 最佳瀏器為Firefox,本網頁不支援IE6。[文章分類及列表]
本站最佳瀏覽解析度1024x768 網站建置 2009.11