patw 的筆記、生活、隨筆
jQuery
[jQuery] jQuery plugin: Validation 加上「群組不可有重複值」驗證
八月 18th
jQuery plugin: Validation 是一套很讚的表單前端驗證工具，但少了「群組不可有重複值」這項驗證有些可惜。
什麼時候會用到呢？舉個例來說，表單希望你填入親友A、親友B與親友C 三者的 E-mail，但我們又不希望使用者通通填同一個 E-mail，這時三個欄位就為一個 E-mail 群組，並希望每欄皆為獨立值。
幸好有熱心高手寫了 Validation 的 plugin，可以加掛這項驗證上去，以下來說明怎麼做吧。
原始網址在此
[jQuery] 自訂 select 選單樣式
八月 18th
需求：下拉選單的設計是自訂的樣式，不只背景，連右方箭號也是。使用 jQuery 的解法很多，此為其中一種。
若要連下拉出的選單樣式都要變更 .. 可參考 jQuery UI 的版本。
需求圖：
解法：
http://mondaybynoon.com/2009/02/23/creating-custom-form-elements-using-jquery-selects/
[jQuery] blockUI + jQuery.validate 配合使用
六月 30th
使用 jQuery.validate 驗證表單內容，若通過驗證則加上 blockUI 遮蓋畫面（一方面是防止使用者重複按下送出鈕、另一方面是有個 Loading 畫面可以讓使用者知道表單仍在處理中），反之(驗證不通過)則僅顯示錯誤就好。作法如下：
使用 jQuery.validate 的 submitHandler 事件：
[jQuery] lightbox 彈出時造成頁面上的 Flash 消失
六月 10th
某個案子使用了 lightbox2 燈箱效果（jQuery 版，jquery-lightbox-0.5.js），而當 lightbox 彈出後，頁面上的 Flash 項目卻都消失了。看了一下 jquery-lightbox-0.5.js 的原始碼，原來是為了避免 Flash 顯示於最上層，也就是跑到 overlay 黑底的上面，而加上蹦現時將 embed、object 與 select 元素隱藏的語法。
其實可以利用 Flash 的 wmode 屬性避免這種現象，同時也可在燈箱效果出現時顯示 Flash（當然，是在 overlay 黑底下方）。
More >
近期迴響