Browse by Tags

謙卑式jQuery檢核-動態訊息
在先前介紹過的Unobtrusive Validation(謙卑式檢核)寫法,我們都是用data-val-ruleName="檢核失敗訊息"的方式指定檢核失敗時要顯示的訊息文字。但在實務情境下,檢核訊息常需依使用者選擇或輸入的內容不同而顯示不同的訊息,以提高介面親和力。(例如: "您輸入的字串過長,請刪去5個字元"、"12345不是一個有效的使用者名稱"、 "2011/99/31是哪門子鬼日期,再亂搞信不信老子劈死你!"...
謙卑式jQuery檢核: 複合式欄位
先講一個好消息,不讓ASP.NET MVC專美於前,謙卑式檢核(Unobtrusive Validation)在ASP.NET 4.5 WebForm將成為 內建功能 囉! 聽到這消息讓我格外振奮,它意味著: 1) 現在已投入的研究心得及開發出來的擴充模組,將來肯定能更廣泛應用,2) 未來寫ASP.NET 4.5 WebForm時,不用額外手工加掛檢核,更加省事 3) 我又押對寶了 ^__^。 這篇要談一個常見問題: 謙卑式檢核的寫法主要透過在特定欄位元素(INPUT、SELECT)加上data...
Multiple-Selection Field With jQuery Unobtrusive Validation
ASP.NET MVC 3 comes with jQuery unobtrusive validation (if you are not familiar with jQuery unobtrusive validation, Brad Wilson has a good article ), an elegant way to implement client-side validation. After learning it, I start to use it widely in my...
謙卑式jQuery檢核: 勾選欄位必填檢查
網頁介面有時會有"使用者必須勾選某個CheckBox"的檢核要求,例如: 要求使用者確認已閱讀過並同意授權聲明或免責條款。若要使用 謙卑式jQuery檢核 實現,直覺想到的就是為<inpu type="checkbox">加上data-val=”true”及data-val-required="請勾選",理論上應該可行。 <! DOCTYPE html >   < html > < head...
謙卑式jQuery檢核範例-動態變更檢核設定
接連介紹了 謙卑式jQuery檢核 、 整合Server端檢核 、 自訂檢核條件 ,針對應用時常遇問題,發現還缺了一塊: 當使用AJAX方式動態更新<input>內容或檢核設定時,應如何讓檢核設定生效? 依據jquery.validate.unobtrusive.js的運作原理,它會在網頁載入後立即呼叫$.validator.unobtrusive.parse(document)解析讀取元素的data-val-*標示,完成檢核條件設定,這也意味著事後加入<input>或追加data...
謙卑式jQuery檢核範例-自訂規則
前面介紹過 謙卑式jQuery檢核 ,並補充了 呼叫後端程式進行檢核 的做法,最後只要再學會加入自訂檢核規則的做法,謙卑式jQuery檢核就算功能完整,可以在專案中挑大樑了! 加入自訂檢核邏輯的動作包含兩部分: 1) 使用jQuery.validator.addMethod加入自訂檢核規則,提供一個函數執行檢查並傳回true/false 2) 使用jQuery.validator.unobtrusive.adapters.add定義自訂檢核規則的HTML語法及額外設定程序 在以下的程式範例中,我宣告了兩個自訂規則...
謙卑式jQuery檢核範例–Remote
這篇是 Unobtrusive Client Validation 的續集。覺得Unobtrusive唸起來太繞舌,硬要直譯成"不唐突的; 不冒昧的; 謙虛的;不引人注目的"好像也沒有比較簡短有力,於是在"低調"跟"謙恭"兩個詞間猶豫了一下,最後捨通俗就氣質,決定將Unobtrusive翻成帶點文學味的"謙恭",也算配合本站技術文章常暴走突變成詩歌散文的獨特風格。(謎之聲: 有些人就是咬文嚼字成性沒錯啦! 但文章總是有錯字是怎麼回事...
Posted 29 July 2011 02:35 AMJeffrey | with no comments 10,381
使用jQuery.validate.unobtrusive.js
Unobtrusive Javascript 是一種將Javascript從HTML結構抽離的設計概念(延伸閱讀: kewang , ericsk ),避免在HTML標籤中夾雜onchange、onclick Attribute掛載Javascript事件,讓HTML歸HTML、Javascript歸Javascript,功能權責清楚區分,HTML也變得清爽容易閱讀。 ASP.NET MVC 3加入的Unobtrusive jQuery Validation,徹底實踐了Unobtrusive Javascript的精神...
NuGet程式包-改良ASP.NET MVC驗證訊息顯示
ASP.NET MVC針對Create/Edit View提供了方便好用的 Client端驗證機制 , 但對我來說有一點"美中不足": 在專案中我常使用如下圖的"表格式欄位排版",預設驗證訊息會被接在欄位的正後方,多出的文字會增加<td>的寬度,即使換行顯示在下方也會增加<td>的高度,無論如何都會破壞原本的畫面配置。 在還沒改用ASP.NET MVC的年代,我習慣選用 Position: Absolute 的 jQuery Inline...
Inline Style ASP.NET MVC Validation Message
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 "table-layout editor” UI in my web projects, like the snapshot below, and the validation messages will be appended...

搜尋

Go

<June 2017>
SunMonTueWedThuFriSat
28293031123
45678910
11121314151617
18192021222324
2526272829301
2345678
 
RSS
創用 CC 授權條款
【廣告】
twMVC
最新回應

Tags 分類檢視
關於作者

一個醉心技術又酷愛分享的Coding魔人,十年的IT職場生涯,寫過系統、管過專案, 也帶過團隊,最後還是無怨無悔地選擇了技術鑽研這條路,近年來則以做一個"有為的中年人"自許。

文章典藏
其他功能

這個部落格


Syndication