接連介紹了謙卑式jQuery檢核、整合Server端檢核、自訂檢核條件，針對應用時常遇問題，發現還缺了一塊: 當使用AJAX方式動態更新<input>內容或檢核設定時，應如何讓檢核設定生效? 依據jquery.validate.unobtrusive.js的運作原理，它會在網頁載入...

前面介紹過謙卑式jQuery檢核，並補充了呼叫後端程式進行檢核的做法，最後只要再學會加入自訂檢核規則的做法，謙卑式jQuery檢核就算功能完整，可以在專案中挑大樑了! 加入自訂檢核邏輯的動作包含兩部分: 1) 使用jQuery.validator.addMethod加入自訂檢核規則，提供一個...

這篇是Unobtrusive Client Validation的續集。覺得Unobtrusive唸起來太繞舌，硬要直譯成"不唐突的; 不冒昧的; 謙虛的；不引人注目的"好像也沒有比較簡短有力，於是在"低調"跟"謙恭"兩個詞間猶豫了一下，最後捨通俗就氣質，決定將Unobtrusive翻成帶點文學...

Unobtrusive Javascript是一種將Javascript從HTML結構抽離的設計概念(延伸閱讀: kewang, ericsk)，避免在HTML標籤中夾雜onchange、onclick Attribute掛載Javascript事件，讓HTML歸HTML、Javascript歸...

使用者抱怨當使用某編輯UI網頁輸入資料時，常要切換多個<input type=”text”>輸入文字，一不留神讓欄位失去焦點(文字游標沒有停在輸入欄位上閃爍)，卻按下Backspace(後退鍵)想刪除文字，此時會觸發瀏覽器的快捷鍵跳回到前一網頁，辛苦輸入的資料瞬間化為烏有，徒留"暗"...

ASP.NET MVC針對Create/Edit View提供了方便好用的Client端驗證機制, 但對我來說有一點"美中不足": 在專案中我常使用如下圖的"表格式欄位排版"，預設驗證訊息會被接在欄位的正後方，多出的文字會增加<td>的寬度，即...

ASP.NET MVC provides a cool way to add client-side validation for create/edit view, only one thing is defective for me.  I used a lot of "...

網友泡泡出了一道Super Tables套件的衍生題: 當freeze-col中也有<input>... $("div.sFData").empty() 這招是把"接龍"解決了 可是, freeze-col...

研究某應用系統網頁結構時發現一個問題。 網頁上有個<span id="THIS_IS_A_LOUSY_ID$0">BLAH</span>，開IE9 Dev Tools，配合jQuery 1.6在Script Console下指令分析，卻發現: ...

寫給同事看的jQuery範例，整理後也跟網友們分享。 在<table>呈現資料庫查詢結果，例如: SELECT S.No, U.Name, S.Date, S.Score FROM Score S JOIN User U ON S.No = U.No ...

跟同事討論到以下的UI應用情境: 網頁以<table>方式呈現數據矩陣，希望能做到在某一格(<td>)點兩下可以直接編輯格子文字內容，按Enter或點選其他格子結束編輯狀態，並將該格內容更新為剛才輸入結果。 介面如下圖所示，在<td>V11<...

手邊有一隻ASP.NET程式，呼叫時透過URL帶入不同日期，可執行特定的計算邏輯。在正常情境下會有排程每天傳入當天日期計算，在測試台上想強制重算某段期間的資料，需要跑迴圈不斷傳入不同日期執行。 處理這個需求，我最優先想到的策略是用Mini C# Lab寫幾行程式搞定。不過想想，有時需求可能發生...

jQuery 1.6正式版發表不過10天，jQuery 1.6.1正式版就接著登場囉! 在jQuery 1.6筆記中有特別提到.prop()/.attr()的Break Change，將導致很多使用attr(“selected”), attr(“checked”)寫法的程式爆炸，必須修改後才能...

我常好高騖遠痴心妄想胸懷壯志，總想寫出很"聰明"的Javascript函數，呼叫時傳入DOM元素也好、丟個jQuery物件也成、給個函數也可，程式都能依傳入的參數型別自動轉換處理。無奈自己不學無術，對於Javascript這種動態語言的變形蟲式型別處理，始終停留在懵懵懂懂的階段... jQu...

雖然Model Dialog不是什麼好東西，礙於它目前還是內部系統的一哥，偶爾伺侯一下難搞的大頭症主角是難免的... orz 這回遇到的難題: A網站的網頁利用showModalDialog顯示來自B網站的網頁，透過window.dialogArguments傳過去的參數以及Modal Dia...

很多人還沒開始玩jQuery 1.5，jQuery又再推進到1.6版囉! 依照慣例，還是要對1.6版的特性做個概略了解，所以jQuery 1.6筆記來了! 對於已使用jQuery的開發人員，最需要關注的莫過於更換新版對現有程式的衝擊，所以我看出版公告(Release Note)的焦點都會從Bre...