優化表單資料的JS校驗

2022-03-20 13:13:25 字數 662 閱讀 6058

在平常的web開發中,我經常需要在客戶端對表單的資料進行驗證。比如,我們驗證表單輸入的內容不為空:

??1

根據以往的經驗,我們會寫出如下的js驗證**:

?

但是,現在我有乙個業務追求:我要在頁面取得的表單資料有很多,比如有十幾二十項資料吧,那麼我們要在js**中重複的寫一部分**,這樣就將頁面的**拉得很長,以至於**很不優雅。這裡,我們用另一種物件導向的思維來看待這個問題。

首先,我們觀察:驗證的**只有兩個地方在改變,form的域和alert彈出的內容,所以我們這裡就將其抽象出來:

?function formfiled(filename,desc)

然後我在用組裝字串的方法來驗證:

?functionvalidate()

}

returntrue;

}

用以上方法來驗證的話,增加表單域的驗證的時候,只需要在list中新增一些物件就可以了,這樣就可以大大減少**量,頁面**也更優雅。

js中常用表單資料校驗方法

函式名 chksafe 功能介紹 檢查是否含有 引數說明 要檢查的字串 返回值 0 是 1 不是 function chksafe a return 0 opt1 小數 opt2 負數 當opt2為1時檢查num是否是負數 當opt1為1時檢查num是否是小數 返回1是正確的,0是錯誤的 funct...

Js校驗表單資料後提交表單的3種方法

在現在的 開發過程中,對表單資料進行驗證是非常必須的,通過js將表單資料在客戶端進行校驗驗證不僅速度很快,而且還有乙個更大的好處就是緩解伺服器壓力。如果我們不在客戶端進行資料校驗,無論什麼資料全部都提交到後台伺服器,讓伺服器來進行處理,這個對伺服器的浪費是非常大的。故而今天本篇博文講在瀏覽器客戶端使...

js構建form表單資料

後端介面 引數為person,person成員變數包含other物件 post public object post person person public class person implements serializable public class other implements ser...