Parsley 前台表單驗證

Parsley 是一個前台表單驗證庫,正如它官網上所述:Validating forms frontend have never been so powerful and easy.
可以讓你從容的設計前台表單驗證,把更多的時間用在設計介面上。

Parsley 官網:http://parsleyjs.org/

Parsley 目前穩定版本為 2.x 版,依附 jQuery 1.8 (含)以上版本

使用前需先掛載 jQuery 及 parsley.js 檔案,之後在頁面中透過  jQuery 選擇器啟用 Parsley 驗證庫。

在 Parsley 驗證庫中包含有其他語言的預設驗證文字,有需要可以掛載。

在官網文件中可以看到 Parsley 提供了很多種表單驗證的方式。

  • 以姓名為例:
  • data-parsley-required (必填)
  • data-parsley-whitespace=”squish”(連續空白只保留一個)
  • data-parsley-length=”[2, 8]”(資料長度2~8個字)
  • data-parsley-error-message=”中文姓名” (錯誤訊息)

  • data-parsley-type=”email”(欄位類型為 email,檢查 email格式)

  • data-parsley-type=”integer”(欄位類型為 數字格式)

  • data-parsley-pattern=”/^([a-zA-Z\d]+(([\.\-])?[a-zA-Z\d]+))$/”(正則表達式-Regular Expression,進階的使用方式,可以自行定義檢查的格式)

其他的運用方法可以參考 Parsley 官網文件說明。