MVVM架构~knockoutjs系列之从Knockout.Validation.js源码中学习它的用法
生活随笔
收集整理的這篇文章主要介紹了
MVVM架构~knockoutjs系列之从Knockout.Validation.js源码中学习它的用法
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
說在前
有時,我們在使用一個插件時,在網上即找不到它的相關API,這時,我們會很抓狂的,與其抓狂,還不如踏下心來,分析一下它的源碼,事實上,對于JS這種開發語言來說,它開發的插件的使用方法都在它的源碼里,只要你踏下心去看,一切就都有了!
Knockout.Validation.js是為Knockout插件服務的,它可以為Knockout對象進行驗證,就像你使用MVC模型驗證一樣,而這種綁定的驗證方式對于開發人員來說是很容易接受的,也是一種趨勢,它在驗證過程中,會將出現異常的點記錄下來,然后在
某個時候將它拋出來,這個拋出的時刻通常是對象失去焦點時(blur)。
總結Knockout.Validation.js幾個常用的東西
為空驗證
self.CategoryId = ko.observable().extend({required: true});最大最小值驗證
self.price = ko.observable().extend({required: { params: true, message: "請輸入價格" },min: { params: 1, message: "請輸入大于1的整數" },max: 100});長度驗證
self.name = ko.observable().extend({minLength: 2,maxLength: { params: 30, message: "名稱最大長度為30個字符" },required: {params: true,message: "請輸入名稱",}});電話驗證
self.phone = ko.observable().extend({phoneUS: {params: true,message: "電話不合法",}});郵箱驗證
self.Email = ko.observable().extend({required: {params: true,message: "請填寫Email"},email: {params: true,message: "Email格式不正確"}});數字驗證
self.age = ko.observable().extend({number: {params: true,message: "必須是數字",}});相等驗證
self.PayPassword = ko.observable().extend({required: {params: true,message: "請填寫支付密碼"},equal:{params:"zzl",message:"支付密碼錯誤"}事實上,Knockout.Validation.js還有包括range,date,digit,notEqual等驗證,都大同小意,我就不一一說了。
Knockout.Validation.js源碼
?View Code?本文轉自博客園張占嶺(倉儲大叔)的博客,原文鏈接:MVVM架構~knockoutjs系列之從Knockout.Validation.js源碼中學習它的用法,如需轉載請自行聯系原博主。
《新程序員》:云原生和全面數字化實踐50位技術專家共同創作,文字、視頻、音頻交互閱讀總結
以上是生活随笔為你收集整理的MVVM架构~knockoutjs系列之从Knockout.Validation.js源码中学习它的用法的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 加强linux操作系统DNS服务安全
- 下一篇: 爱上MVC~为DisplayNameFo