FormValidation表單驗證

2021-08-18 20:15:48 字數 2078 閱讀 7820

工作中經常會遇到各種表單字段驗證,今天介紹一下,方便好用的formvalidation,

1)首先看一下formvalidation的官方文件結構:

formvalidation/

├── dist

│ ├── css

│ │ └── formvalidation(.min).css

│ │

│ └── js

│ ├── framework

│ │ ├── bootstrap(.min).js

│ │ ├── foundation(.min).js

│ │ ├── pure(.min).js

│ │ ├── semantic(.min).js

│ │ └── uikit(.min).js

│ │

│ ├── language

│ │ ├── de_de.js

│ │ ├── en_us.js

│ │ └── ...

│ │

│ ├── formvalidation(.min).js

│ └── formvalidation.popular(.min).js

│└── src

├── css

│ └── formvalidation.css

│└── js

├── framework

│ ├── bootstrap.js

│ ├── foundation.js

│ ├── pure.js

│ ├── semantic.js

│ └── uikit.js

│├── language

│ ├── de_de.js

│ ├── en_us.js

│ └── ...

│├── validator

│ ├── base64.js

│ ├── between.js

│ ├── callback.js

│ └── ...

│├── base.js // the main plugin source file containing the base class

└── helper.js // helper class

2)文件分析

src路徑由原始檔案組成,dist路徑則由壓縮的各個檔案組成。

src/js/validator路徑由多個內建驗證組成,而dist/js/formvalidation(.min.).js包含了所有的內建驗證,dist/js/formvalidation。popular(.min.).js只包含大部分流行的驗證。

src/languagedist/language為語言包

3)引用:

vendorv1.9.1

bootstrap(.min.)jsbootstrap(.min.)jsjs

4)寫驗證表單

如果你的表單沒有按照規定格式寫的話,chrome瀏覽器會報錯:

uncaught rangeerror: maximum call stack size exceeded

5)呼叫外掛程式

$(document).ready(function() );

})

例如,我工作遇到的乙個多個欄位的驗證例子:

MySql 表 建立表 刪除表 修改表

一 建立表 建立表語法 create table table name field1 datatype,field2 datatype,field3 datatype character set 字符集 collate 校驗規則 engine 儲存引擎 預設儲存引擎 mysql create tab...

Hash表(雜湊表 雜湊表)

雜湊函式 乙個把查詢表中的關鍵字對映成該關鍵字對應的位址的函式,記為hash key addr。位址可以是陣列下標,索引,或記憶體位址等 衝突 雜湊函式可能會把兩個和兩個以上的不同關鍵字對映到同一位址。衝突不可避免,所以要設計好的處理衝突的方法。同義詞 發生碰撞的不同關鍵字為同義詞。雜湊表 根據關鍵...

oracle 建立表,刪除表,修改表,查詢表

1,獲取當前使用者下的所有表資訊 select from user tables 1.1,查詢某一張表的字段資訊 select from user tab columns where table name 表名 1.2,查詢某一張表的注釋 select from user tab comments ...