簡易的表單js驗證框架,解決複雜的頁面驗證過程

2021-08-31 16:48:24 字數 452 閱讀 2443

在從事頁面表單開發的工作中,避免不了的一件繁雜重複的工作就是對表單的控制項驗證,特別是頁面元素比較多的情況下

幾天利用中午的時間寫了乙個簡易的用於表單驗證的js框架,可供有表單開發工作的參考,希望能有更好的想法,共同完善,共同進步!

大致的實現方式是,通過表單控制項的 attribute 來進行配置每個控制項需要驗證的內容。

這樣在畫製表單時就可以新增進去。不需要再特意的對每個控制項進行驗證**的編寫

框架通過傳遞的指定表單獲取表單內的控制項,遍歷查詢配置了需要驗證的控制項呼叫驗證方法進行驗證。

極大的減少了在提交表單時的長段的驗證**。

框架除了提供自身的一些簡易驗證方法外,還可以提供對介面的一些特定業務的驗證擴充套件。

支援正規表示式的驗證,對正規表示式比較熟悉的,能使其更加靈活!

希望有共同想法的同道共同改進和擴充套件!

ps:希望好意見的大俠多多指導提出意見和建議!

js通用表單驗證框架

check.jsjs函式檔案 客戶端表單通用驗證checkform oform 功能 通用驗證所有的表單元素.使用 author wanghr100 灰豆寶寶.net email wanghr100 126.com update 19 282004 8 23 注意 寫正規表示式時一定要小心.不要讓 ...

js表單驗證的結構布局

在html中,為了避免表單對不齊的情況,首先可以將表單裝入 中 可以在css中消除 邊框 通行證使用者名稱 163.com 登入密碼 重複登入密碼 輸入資訊後,再通過正規表示式進行驗證,下面以郵箱為例 function emailfo elseelse return flag 提交表單時,可以再統一...

最實用的js表單驗證方法

每次都要用到表單驗證的時候,就在到處找東西,而網上的很多都不見的好用。自己終於累計了這些方法,在自己的程式中使用了的一些方法,肯定是好用的,主要使用了簡單的正規表示式進行判斷。如果有bug,歡迎提出來。下面驗證的是長度 function checktextlen textid for var i 0...