validform插件主要把所有的驗證條件和驗證提示信息綁定到每個表單元素,這種形式非常方便,下面寫法更加智能得到label內容來提示
validform有什么用?
網頁上有大量的input需要你進行驗證的時候,如果是彈窗的話,需要不停地判斷,如果為空,彈窗。如果不是數字,彈窗。
所以要將這么多驗證交給一個js去驗證。
validateform.js簡單使用方法
1.datatype
要想標識出來想要驗證的對象,我們就需要給這個對象綁定datatype屬性,validform.js已經內置了10種驗證格式,如果不夠,我們還可以使用
http://validform.rjboy.cn/Validform/Validform_Datatype.js
來對驗證格式進行擴展。
1.1 datatype=*
這個驗證是用來表示當前的對象不能為空的,任何字符均可
1.2 datatype=*6-16
validform這個js有個優點,它會自動擴展你所寫的驗證格式。不同的字段我們可能要求的字符數量不一樣,用戶名這里你寫了*6-16,要求用戶填入6到16位的字符。可標題這里又要求填入2到5個字符,難道我們要在驗證格式這里再寫一個*2-5嗎?不用!形如"*6-16"的datatype,Validform會自動擴展,可以指定任意的數值范圍。如內置基本類型有"*6-16",那么你綁定 datatype="*4-12"就表示4到12位任意字符。如果你自定義了一個datatype="zh2-4",表示2到4位中文字符,那么 datatype="zh2-6"就表示2到6位中文字符。
1.3 datatype=url
可以用來驗證網址。
1.4 datatype=e
可以用來驗證電子郵箱地址
1.5 datatype=m
用來驗證手機號,但是給的正則表達式有問題,對于新出現的177號段之類的沒有加入進去,這塊需要注意一下。
1.6 其他注意事項
datatype支持規則累加或單選。用","分隔表示規則累加;用"|"分隔表示規則多選一,即只要符合其中一個規則就可以通過驗證,綁定的規則會依次 驗證,只要驗證通過,后面的規則就會忽略不再比較。如綁定datatype="m|e",表示既可以填寫手機號碼,也能填寫郵箱地址,如果知道填入的是手 機號碼,那么就不會再檢測他是不是郵箱地址;datatype="zh,s2-4",表示要符合自定義類型"zh",也要符合規則"s2-4"。
直接綁定正則:如可用這樣寫datatype="http://w{3,6}/i",要求是3到6位的字母,不區分大小寫;
支持簡單的邏輯運算:如datatype="m | e, *4-18 | //w{3,6}/i | /^validform/.rjboy/.cn$/",
這 個表達式的意思是:可以是手機號碼;或者是郵箱地址,但字符長度必須在4到18位;或者是3到6位的字母,不區分大小寫;或者輸入 validform.rjboy.cn,區分大小寫。這里","分隔相當于邏輯運算里的"&&"; "|"分隔相當于邏輯運算里的"||";不支持括號運算。
2.ignore
綁定了ignore="ignore"的表單元素,在有輸入時,會驗證所填數據是否符合datatype所指定數據類型,沒有填寫內容時則會忽略對它的驗證;
新聞熱點
疑難解答
圖片精選