使用fValidator iMask實現客戶端驗證

2021-06-15 22:03:58 字數 1266 閱讀 3649

fvalidator和imask都是來自的js指令碼。還提供了實現內容滾動特效和的魚眼特效的js指令碼。但是在這裡,只討論如何通過fvalidator和imask來快速構建客戶端驗證。

首先,還是先看提供的例子:/fvalidator/exampleb.asp

怎麼樣?是不是很酷?

實際上,關於如何使用fvalidator和imask,官方**已經提供了簡單明瞭的說明。fvalidator和imask依賴於另乙個js——mootools.js。

如:這樣,我們只需要新增這樣一行js**,就可以擁有預設的表單驗證:

window.addevent("domready", function() );
這段**會遍歷id=exb的form中的所欲元素,解析其class屬性中設定的驗證規則,並將相應的驗證方法繫結到元素的onblur事件。exb_email將獲得預設的「必須輸入」和「e-mail格式」驗證。
但是,這種做法有兩個缺點,乙個是會使得html看上去很怪異,並且無法設定具體每個欄位的錯誤提示資訊。因此,需要採用第二種方法。
第二種方法需要將js**寫成:
window.addevent("domready", function() );

});

通過**顯式地註冊乙個驗證規則。"exb_name"是字段的id,後面是乙個json。其中type指定了驗證規則,re是規則正規表示式,msg是提示資訊。一下是目前支援的驗證規則,在註冊時需要提供對應的屬性:
required: ,

alpha: ,

alphanum: ,

integer: ,

real: ,

date: $|^/d$/, msg: "please enter a valid date (mm/dd/yyyy)."},

email: $/i, msg: "please enter a valid email."},

phone: ,

url: (:[a-z0-9]*)?//?([a-z0-9/-/._/?/,/'/+&%/$#/=~])*$/i, msg: "please enter a valid url."},

confirm: ,

fvalidator.js很容易理解,大家可以根據自己的需要對其進行一些改寫。雖然fvalidator和imask並不能替代伺服器端驗證和ajax驗證,但是它們確實可以使我們快速地構建起具有良好使用者體驗的客戶端驗證。因此,我覺得fvalidator+imask+ajax+伺服器端驗證,將是乙個完美而完整的驗證體系。

使用GraphEdit使用

1 註冊元件。其實乙個filter就是乙個com元件,所以使用之前需要註冊,可以有兩種方法對元件進行註冊。1.直接使用命令。命令列下輸入 regsvr32 hqtlystd.ax 編譯之後你會在工程目錄下的debug中找到hqtlystd.ax,這個就是要用的filter 即可註冊成功。2.vc6....

MySQL使用學習使用 mysql學習使用

1 mysql學習 1 安裝 ubuntu下直接安裝 apt get install mysql server 2 檢查伺服器是否啟動 sudo netstat tap grep mysql,如果啟動成功,出現以下資訊 tcp00localhost.localdomain mysql listen ...

學習使用CSDN markdown使用

建立乙個自定義列表 如何建立乙個註腳 注釋也是必不可少的 katex數學公式 新的甘特圖功能,豐富你的文章 uml 圖表 flowchart流程圖 匯出與匯入 你好!這是你第一次使用markdown編輯器所展示的歡迎頁。如果你想學習如何使用markdown編輯器,可以仔細閱讀這篇文章,了解一下mar...