国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

validform表單驗證的實現方法

2024-05-06 15:41:49
字體:
來源:轉載
供稿:網友

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所指定數據類型,沒有填寫內容時則會忽略對它的驗證;

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 延安市| 昌吉市| 汤阴县| 璧山县| 万宁市| 钟山县| 朝阳市| 瑞昌市| 大竹县| 腾冲县| 天全县| 井研县| 株洲市| 襄樊市| 梅河口市| 甘谷县| 娄底市| 桐乡市| 余姚市| 温宿县| 南阳市| 喜德县| 门源| 通榆县| 郧西县| 江安县| 汝城县| 齐河县| 平邑县| 诏安县| 年辖:市辖区| 扎兰屯市| 阿荣旗| 清河县| 紫金县| 沁源县| 胶州市| 安阳县| 开封市| 涡阳县| 石河子市|