在平常的web開發中,我經常需要在客戶端對表單的資料進行驗證。比如,我們驗證表單輸入的內容不為空:
??1
根據以往的經驗,我們會寫出如下的js驗證**:
?
但是,現在我有乙個業務追求:我要在頁面取得的表單資料有很多,比如有十幾二十項資料吧,那麼我們要在js**中重複的寫一部分**,這樣就將頁面的**拉得很長,以至於**很不優雅。這裡,我們用另一種物件導向的思維來看待這個問題。
首先,我們觀察:驗證的**只有兩個地方在改變,form的域和alert彈出的內容,所以我們這裡就將其抽象出來:
?function formfiled(filename,desc)
然後我在用組裝字串的方法來驗證:
?function
validate()
}
return
true
;
}
用以上方法來驗證的話,增加表單域的驗證的時候,只需要在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...