學習 jquery 自定義外掛程式 可擴充套件 表單驗證

2021-07-08 14:34:36 字數 1938 閱讀 3838

(

function ($

) $.fn

.extend

();}},

/*** 提交表單新增驗證

*/validateform

: function

() }

});return

result;}

});/*** 標籤提示樣式

* @param booleanval 是否載入樣式

*/var

val_promptstyle

= function

(obj

, booleanval

, msg) }

;/**

* 字串轉成 json物件

* @param str 針對這種型別的字串 (validate="isnotnull: true, isnotnum: true")

* @returns

*/var

stringconvertjson

= function

(str

) ]'

;// 拼接 json串 (string 型)

var

json

= prefix

+ str

+ suffix

;// console.log(typeof json);

// 將string 轉為json

var

result

= eval

(json

);return

result;}

;/**

* 驗證方法介面卡 為每個標籤分配驗證規則

*/var

val_adapter

= function

(obj

) // 2.純數字驗證 && 上乙個驗證通過後

if (

jsonobj

.isnotnum &&

resultbol

) // 3.數字範圍驗證 && 上乙個驗證通過後

if (

jsonobj

.valrange &&

resultbol

) return

resultbol;}

;/**

* 1.非空驗證

*/var

val_isnotnull

= function

(obj

) val_promptstyle

(obj

, resultbol

, msg

);return

resultbol;}

;/**

* 2.數字驗證

*/var

val_isnotnum

= function

(obj

) val_promptstyle

(obj

, resultbol

, msg

);return

resultbol;}

;/**

* 3.數字使用範圍驗證

* @param range 指定數字範圍 例如: validate="valrange: '0-9'"

* 備註: 動態拼接 js正規表示式 var regexp = new regexp('^' + regexp + '$', 'g');**/

var

val_range

= function

(obj

, range

) val_promptstyle

(obj

, resultbol

, msg

);return

resultbol;}

;})(

jquery

);

jquery自定義外掛程式

jquery自定義外掛程式的幾種常用的方法 第一種方法 fn.fun function target fun 第二種方法 fn.extend target fun 第三種方法 extend fun 在這裡需要詳細解釋一下jquery的api extend var obj1 var obj2 var ...

jquery自定義外掛程式

實現方法 jquery為開發外掛程式提拱了兩個方法,分別是 jquery.fn.extend object 給jquery物件新增方法。jquery.extend object 為擴充套件jquery類本身.為類新增新的方法,可以理解為新增靜態方法。這兩個方法都接受乙個引數,型別為object,ob...

Jquery 自定義外掛程式

jquery外掛程式分三種 1.給jquery原型新增全域性函式 2.給jquery物件新增擴充套件 3.擴充套件器擴充套件 自定義jquery外掛程式的一些規約 1.命名 jqurey.pluginname.js 2.擴充套件規則 新方法新增到 jquery.fn上 新功能新增到jquery上 3...