jQuery validation 的 addMethod
Thursday, March 27, 2008
jQuery 的 Validation plugins 是很強大的，基本上可以滿足各種需要。剛剛被一個小問題困擾了好一陣子，特此記下。我寫了類似的東西：
HTML:
JavaScript:
- $.validator.addMethod(“special”, function(value, element, params){
- //validate….
- return result;
- }, “This is a special checking”);
- $(document).ready(function(){
- $(“#form”).validate({
- messages:{ fff: {special: “This is a special checking!”} },
- errorContainer: “#error”,
- errorLabelContainer: “#error ul”,
- wrapper: “li”
- });
- });
結果怎樣也出不到那個自訂的 validation rule，苦苦深研追踪 source code 後才發現，問題在於 addMethod 裏的 method 參數問題，而正確的寫法是：
JavaScript:
- $.validator.addMethod(“special”, function(){
- //validate…
- return result;
- }, “This is a special checking”);
那個 method 的參數數量如果大於 3，plugins 會認為你所加的是有參數的 validation，即在 element class 可能是 {special:abc} 之類，所以當看到 input 裏只是 special 就不會偵測到。
這樣很「正路」吧？但花了不少時間去看才知道。
背後的人
Tuesday, March 18, 2008
我有時會這樣形容一個歌者：背後有個人！
據說歌者的其中一項技巧，就是通過特別的發聲方法，使到聲音不單單只是從喉而發，而是引發身體不同部位產生共鳴，化身成一座喇叭，聲音得到放大，感覺深遠，嗓音直上雲霄，繞樑三日。看上去的感覺，就好像是背後有人在發聲。
這種技巧最常見於歌劇，因為古時沒有米高峰，歌者的「發聲能力」便是其中一項判別其是否「唱得」的指標。不過自從有了米高峰擴音，就變化更多不同的唱發，可以耳語，可以氣聲，可以談話，不一定要背後有個人。不過即使是流行歌，一般在副歌部份都會比較激情，雖要比較有力和雄壯的聲音攀上高音，若能叫背後的兄弟幫幫手，則聲音夠震撼之餘，亦可顯功架。當然最厲害的，就是可收可放，可真可假！
其實說了半天不到題，之所以想到上文，就是因為看了《港樂 x 梁漢文 + 鄭中基》。兩位其實也是「唱得」之人，不過在上半場時，可能未及熱身，也可能緊張，二人之力不太能敵九十多人的管弦樂團，背後的兄弟不夠力，便淹沒在一層又一層的樂聲之中。幸而後來也漸入佳境，算是發揮了水準。
《港樂》流行曲演唱會自張學友便紅了起來，這麼多年來算是越來越公式化。本人親身看《港樂》流行曲演唱會的經驗不多，其他大都是聽錄音。最幸運的是聽了林憶蓮那一次現場，通透有力的聲音，叫人陶醉，她背後也有人，而且更是收放自如。而錄音的版本，印象最深刻的是林子祥，他的唱法最「放」，最雄壯，唱《數子人生》滲入了《威廉‧泰爾》間場，十分合適，而且唱來雄亮有力，背後團隊強大，跟管弦樂團相當配合。
而這一次，則有很多畫蛇添足的感覺，首先是電子樂隊與管弦樂相衝的感覺，不太搭調。選曲在「管弦樂化」後也未見有新火化。兩位歌者太斯文，不夠「natural high」，帶動不了場內氣氛，反而是間場的 Joey Tang 和 Patrick 的演唱和二胡表演最搶眼，是主辦怕兩位不夠能力，所以加這麼多「甜頭」嗎？這還不如回歸原本，做好港樂的原意：以流行曲與管弦樂拼新火花。
20080317 網摘 - 2038 年蟲
Monday, March 17, 2008
2038 Bug
- The Internet Will End in 30 Years!
與千年蟲同一原理，這次是 Unix-based system 儲存時間的限制
Security
- How They Hack Your Website: Overview of Common Techniques
- Your Email Password: A True Horror Story About Why We Need Authentication Standards
Quote: The story underlines the importance of the emerging movement for user authentication standards - A Question of Programming Ethics
G-achiver 中發現竟然會將所有的 username/password 寄給作者
New Services
- FoodLily
Quote: 專為餐廳而設的micro-blogging網站 - the Awesome Highlighter
寄連結連 highlight - WiseMapping | Visual Thinking Evolution
又一網上mindmap工具 - Team WhiteBoarding with Twiddla
遠洋電腦開會一齊 share screen 畫公仔 - textsnip
send code 給人可用這個服務，保留 formatting - Socialthing!
Another friendFeed-like service~
Browsers
- Firefox 3 Memory Usage
詳細地看 FF3 使用甚麼方法去省減記憶用量 - IE 8 Activities and WebSlices for Firefox
IE8 新功能？Firefox addons 搞定 - Mozilla Firefox 3 Beta 4 Release Notes
Beta4 出來了，白老鼠中…
Tips/Tools
- Komodo Edit
An IDE based on XUL engine - Learn Cool Microsoft Excel Conditional Formatting Tricks
如 alternate row color, gantt chart - ProcX
Quote: displays all running processes and modules on your systems. It is a necessity to monitor running processes on your system to determine if anything malicious may be running - SideSlide
Quote: an advanced, portable, unobtrusive, dockable, skinnable, instantly accessible, highly configurable Desktop Extension on Steroids - Prism for Firefox
Firefox plugins 來轉換網站成 prism 應用
CSS
- Perfect pagination style using CSS
- IzzyMenu
製作 css menu 的工具
Javascript
- Secrets of JavaScript Libraries
高手教路 - Taffy DB : A JavaScript database for your browser
小巧快速，可供 query
Server-side
- JSSP – JavaScript Server Pages Home
java syntax 的 jsp - WebDAV AJAX Library
用 browser 開發, server side 只提供 js library 交收 xml，可 cross-site
Sorting in video
- The Beauty of Sorting
視象化看不同 sorting algorithm
APIs/Reference
- YouTube APIs and Tools – Google Code
Quote: Users of the API can upload new videos, edit video metadata such as comments and favorites and modify user settings. - SitePoint CSS Reference
- SitePoint HTML Reference
Sitepoint 的，簡單清晰的分類 - http-headers-status.gif
HTTP/1.1 的流程圖
ACG
- 中國風格，究竟是甚麼？
Quote: 說到底，所謂現今中國動漫畫欠缺自身風格，其實只是中國人對自身文化身份認知及認同不足的表現
