js狀態模式 表單驗證

2021-09-28 21:43:38 字數 694 閱讀 9021

//js狀態模式 可以避免過多if else

//表單驗證規則 在每個需要驗證的頁面定義

var rules =[$/

,msg:

'字母和數字6-12位'},

]// 狀態函式 定義在tools.js中

function

statusform

(rules)

//存放 狀態物件

for(

let item of rules)

}return formstatus

}// 最終繫結在tools上面的方法

/** @params rules 定義的規則

* @params form 檢驗的表單form

*/function

validate

(rules,form)

*/for

(let key in status)

return

true

}var form =

let result =

validate

(rules,form)

//返回結果 true 或者false

console.

log(

validate

(rules,form)

)//false

js 策略模式 實現表單驗證

簡單點說就是 實現目標的方式有很多種 你可以根據自己身情況選乙個方法來實現目標 所以至少有2個物件 乙個是策略類 乙個是環境類 上下文 然後自己就可以根據上下文選擇不同的策略來執行方案 策略模式的優點 1.策略模式利用組合 委託和多型等技術和思想,可以有效地避免多重條件選擇語句 2.策略模式提供了對...

Js 表單驗證

兩個日期比較 用途 檢查開始日期是否小於等於結束日期 輸入 s 字串 開始日期 格式 2001 5 4 e 字串 結束日期 格式 2002 5 4 返回 如果通過開始日期小於等於結束日期返回 true,否則返回 false function data compare s,e d d if r nul...

JS表單驗證

1.長度限制 2.只能是漢字 3.只能是英文本母 4.只能是數字 5.只能是英文本母和數字 6.檢驗時間大小 與當前時間比較 7.遮蔽關鍵字 這裡遮蔽 和 8.兩次輸入密碼是否相同 9.表單項不能為空 10.郵箱驗證 11.驗證手機號 12.驗證身份證號碼 需是有效身份證 13.js正規表示式 例子...