parsley.js新增表單驗證功能,直接在html元素中新增對應屬性;
name
apidescription
required #2.0
必填required
html5
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...