javascript设计模式(一)策略模式Strategy
1.将定义的一组算法封装起来,使其相互之间可以替换。封装的算法具有一定的独立性,不会随客户端的变化而变化.
表单验证
var InputStrategy=function(){ var strategy={ notNull:function(value){ return /\s+/.test(value)?console.log("请输入内容"):''; }, number:function(value){ return /^[0-9]+(\.[0-9]+)?$/.test(value)?"":console.log("请输入数字"); }, phone:function(value){ return /^\d{3}\-\d{8}$|^\d{4}\-\d{7}$/.test(value)?"":console.log("请输入正确的电话号码格式!") } } return{ check:function(type,value){ //去除首位空白字符\ value=value.replace(/^\s+|\s+$/g,''); return strategy[type]?strategy[type](value):console.log("没有该类型的检测方法"); }, addStrategy:function(type,fn){ strategy[type]=fn; } } }() //引用 var tag=document.getElementById("cont"); var btn=document.getElementById("btn"); btn.onclick=function(event){ InputStrategy.check("number",tag.value) }