parsley之驗證屬性設定

2021-09-07 14:28:55 字數 3442 閱讀 4288

parsley.js新增表單驗證功能,直接在html元素中新增對應屬性;

name

apidescription

required #2.0

必填requiredhtml5

data-parsley-required

data-parsley-required="true"

data-parsley-required="false"

驗證元素是否必填。如果設定data-parsley-required="false",,屬性失效,元素將不再必填;

email #2.0

郵箱type="email"html5

data-parsley-type="email"

驗證元素的值必須是乙個郵箱位址;

number #2.0

數值data-parsley-type="number"依據給定的步長、初始值、最小值等設定數值的驗證規則。

parsley為data-parsley-type="number"(驗證數值型別)設定步長,步長為html5的預設步長1。

警告!html5type="number"是非常規的。 預設步長為1幾乎是無用的。此外瀏覽器也支援type="number",當輸入內容為"",不會報錯;所以data-parsley-type="number"為避免輸入的值為""需要設定必填。可為任何數。

integer #2.0

整數type="number"html5

data-parsley-type="integer"

type="number" 的支援並不好,ie11都不支援此type="number",chrome則是鍵盤輸入值無法鍵入。data-parsley-type="integer" 只允許輸入整數。  

digits #2.0

自然數data-parsley-type="digits"注意:i18n的中文翻譯為了「號碼」,實際正則/^\d+$/為只允許輸入自然數。

alphanum #2.0

正整數和字母

data-parsley-type="alphanum"只允許輸入字母或數字,根據正則/^\w+$/i不允許輸入小數或者正負符號作為內容的一部分。

url #2.0

type="url"html5

data-parsley-type="url"

輸入內容必須為乙個url;ie9-不支援type="url";

ie8-不支援data-parsley-type="url";

minlength #2.0

字串最小長度

minlength="6"html5

data-parsley-minlength="6"

輸入內容的最小字元長度。

maxlength #2.0

字串最大長度

maxlength="6"html5

data-parsley-maxlength="6"

輸入內容的最大字元長度。

length #2.0

字串長度範圍

data-parsley-length="[6, 10]"輸入內容的字元長度範圍;也可用minlength和maxlength替代此屬性的功能。

min #2.0

數值最小值

min="6"html5

data-parsley-min="6"

驗證數值最小值

max #2.0

數值最大值

max="10"html5

data-parsley-max="6"

驗證數值最大值

range #2.0

數值範圍

type="range"html5

data-parsley-range="[6, 10]"

驗證數值範圍

pattern #2.0

正規表示式驗證格式

pattern="\d+"html5

data-parsley-pattern="\d+"

在屬性中驗證正規表示式格式

mincheck #2.0

最小選中幾項核取方塊

data-parsley-mincheck="3"核取方塊最少需要選中幾項,如果不設定必填,未選中任何項的情況下不做驗證。屬性隨便設定在該組復選中的任何一項。

maxcheck #2.0

最多選中幾項核取方塊

data-parsley-maxcheck="3"核取方塊最多選中幾項,如果要求至少選中一項則須設定必填。設定最多選中的項數請新增屬性到該組復選中的任意一項。

check #2.0

選中複選的項數範圍

data-parsley-check="[1, 3]"該屬性設定選中項數範圍。要求至少選中一項需要設定必填;否則不選中任何項也不驗證該規則。

equalto #2.0

data-parsley-equalto="#anotherfield"驗證兩個輸入框內容輸入是否一直。值可根據被驗證輸入框的選擇器來定位。

示例見下方:

1.對於輸入框的已提示「必填」、「格式驗證」資訊,則輸入內容切換會立即驗證格式和是否必填;

2.parsley()和parsley().validate()

$('#form').parsley();在提交時出現提示資訊,之後修改內容就會立即驗證。

如果希望載入頁面時就提示必填資訊,請將$('#form').parsley();改為$('#form').parsley().validate(); 且parsley().validate()會對頁面第乙個輸入框聚焦。

3.data-parsley-trigger="change"改變值後立即驗證(第一次輸入值change事件後才驗證,之後則是輸入即驗證)。

須注意$('#form').parsley().validate();在載入頁面時對未設定必填的項,輸入內容也不會及時出現格式錯誤的提示(不設定必填,載入頁面時沒提示資訊),在提交一次後才觸發了提示資訊,之後修改輸入值才能每次提示錯誤資訊。 針對這種情況可同時新增data-parsley-trigger="change";

Dubbo之屬性設定。

如果公共配置很簡單,沒有多註冊中心 多協議等情況,或者想多個spring容器想共享配置,可以使用dubbo.properties作為預設配置。dubbo將自動載入classpath根目錄下的dubbo.properties,可以通過jvm啟動引數 ddubbo.properties.file pro...

Linux 之 設定執行緒屬性

typedef struct pthread attr t 設定執行緒屬性首先要建立乙個 pthread attr t 的結構體。然後使用pthread attr init函式對其進行初始化,在使用過後用pthread attr destroy對其進行銷毀。初始化執行緒屬性 int pthread ...

scope slot 屬性驗證

舊 slot scope default slot scope slotprop p template hello div hello default msg msg slot div template vue.component hello newvue script 新 v shot defau...