<!DOCTYPE html>

<html>

<head>

    <title></title>

</head>

<body>

<script>

    var varlidator;

    varlidator = {

        validate: function(value, type){

            var value = value;

            var type = type;

            switch(type){

                case 'isnonEmpty' : {

                    //..yuju

                    return true;

                    }

                case 'isNumber' : {

                    //..yuju

                    return true;

                    }

                case 'isAlphaNum' : {

                    //..yuju

                    return true;

                }

                default :{

                    return 'someting'

                }

            }

        }

    };

    alert(validator.validate('123','isNonEmpty')) ; //有点像命令行模式;

    var validator = {

        types : {},

        messages : [],

        config : {},

        validate : function(data){

            var i, msg , type, checker, result_ok;

            this.messages = [];

            for(var i in data){

                if(data.hasOwnProperty(i)){

                    type = this.config[i];

                    checker = this.types[type];

                    if(!type){

                        continue;

                    };

                    if(!checker){

                        throw{

                            name : 'ValidationError',

                            message : 'no handler to validate type '+ type

                        }

                    };

                    result_ok = checker.validate(data[i]);

                    if( !result_ok ){

                        msg = 'wrong' + checker.instructions;

                        this.message.push( msg );

                    }

                }

            };

            return this.hasErrors();

        },

        hasErrors : function(){

            return this.message.length !== 0

        }

    };

    validator.types.inNonEmpty = {

        validate : function(value){

            return value !== '';

        },

        instructions : 'value can“t be null'

    };

    validator.types.isNumber = {

        validate : function(value){

            return !isNaN( value )

        },

        instructions : '必须是数字哦'

    };

    validator.types.isAlphaNum = {

        validator : function(value){

            return !/[^a-z0-9]/i,test(value);

        },

        instructions : '必须是数字哦'

    };

    var data = {

        first_name : 'xx',

        last_name : '00',

        age  : 26,

        username : 'qihao'

    };

    validator.config = {

        first_name : 'isNumber',

        age : 'isNonEmpty',

        username : 'isAplhaNum'

    };

    validator.validate( data );

    validator.hasErrors();

</script>

</body>

</html>

JS模式:策略模式，感觉就是一个闭包存储信息，然后是加一些验证方法--还看了老半天的更多相关文章

  1. 3.js模式-策略模式

    1. 策略模式 策略模式定义一系列的算法,把它们封装起来,并且可以互相替换. var strategies = { isNonEmpty: function(value,errMsg){ if(val ...

  2. 命令模式 & 策略模式 & 模板方法

    一.策略模式 策略模式:封装易变化的算法,可互相替换. GoF<设计模式>中说道:定义一系列算法,把它们一个个封装起来,并且使它们可以相互替换.该模式使得算法可独立于它们的客户变化. 比如 ...

  3. 工厂模式&策略模式。

    抽象.封装,具体事情做得越多,越容易犯错误.这每个做过具体工作的人都深有体会,相反,官做得越高,说出的话越抽象越笼统,犯错误可能性就越少.好象我们从编程序中也能悟出人生道理.(百度百科) 不断抽象封装 ...

  4. 简单工厂模式&策略模式-简介与区别

    不得不说,这两种模式真的很像. 相似点:都用到了面向对象的继承.多态.抽象,都拥有相似的结构. 不同点:工厂模式仅提供具体的实例对象,怎么使用这个对象是client的自由,策略模式client可以通过 ...

  5. js 设计模式——策略模式

    策略模式(Strategy) 定义:将定义的一组算法封装起来,使其相互之间可以替换.封装的算法具有一定的独立性,不会随客户端的变化而变化 废话不多说,先来个例子 // 例如要写一个计算两个数加减乘除的 ...

  6. [转]js设计模式-策略模式

    在程序设计中,常常遇到类似的情况,要实现某一个功能有多种方案可以选择.比如一个压缩文件的程序,既可以选择zip算法,也可以选择gzip算法.这些算法灵活多样,而且可以随意互相替换.这种解决方案就是本文 ...

  7. JS设计模式——策略模式

    设计模式高大上,业务代码用不上...平时用不上我们就可以忽略了吗? 非也,就像面试造火箭,工作拧螺丝一样.万一我们公司哪天要造火箭了,你得立马能上手. 同时,有些复杂的业务代码也可以用设计模式的思想去 ...

  8. js设计模式--策略模式

    策略模式: 定义了一系列的算法,把他们封装起来,是它们之间可以互相替换,此模式不会影响到使用算法的客户. 回忆下jquery里的animate方法: $( div ).animate( {" ...

  9. java设计模式--行为型模式--策略模式

    策略模式: 策略模式 概述 定义一系列的算法,把它们一个个封装起来,并且使它们可相互替换.本模式使得算法可独立于使用它的客户而变化. 适用性 1.许多相关的类仅仅是行为有异.“策略”提供了一种用多个行 ...

随机推荐

  1. 项目回顾2-vue的初体验-在已有项目局部使用vue，无须额外配置

    当了解到尤大大的vue的时候,就很想在项目里用一下,不过当用了vue cli 创建了一个脚手架之后,感觉现有的项目改造难度太大了,毕竟原来是JQ的.这个项目已经上线,基本功能也完成了,客户提出来后台对 ...

  2. Android配置----Eclipse+BlueStacks调试Android应用

    [声明] 欢迎转载,但请保留文章原始出处→_→ 生命壹号:http://www.cnblogs.com/smyhvae/ 文章来源:http://www.cnblogs.com/smyhvae/p/3 ...

  3. Facebook或成云领域黑马 冲击亚马逊

    [摘要]目前,云计算领域最大的服务是亚马逊AWS,据称此服务年度营收约为100亿美元. 转播到腾讯微博 BI中文站 3月22日报道 如今,多数人认为亚马逊在云计算领域的发展势头无人可档,不过,这个市场 ...

  4. ArcGis 获取地理、平面坐标系

                                         ESRI.ArcGIS.Geometry.ISpatialReference spatialReference = spati ...

  5. C#进阶系列——WebApi身份认证解决方案：Basic基础认证 （转)

    http://www.cnblogs.com/landeanfen/p/5287064.html 前言:最近,讨论到数据库安全的问题,于是就引出了WebApi服务没有加任何验证的问题.也就是说,任何人 ...

  6. [CareerCup] 7.1 Basketball Shooting Game 投篮游戏

    7.1 You have a basketball hoop and someone says that you can play one of two games. Game 1: You get ...

  7. LeetCode:Best Time to Buy and Sell Stock I II III

    LeetCode:Best Time to Buy and Sell Stock Say you have an array for which the ith element is the pric ...

  8. Linux 第一次学习笔记

    一.Linux 为何物 Linux 就是一个操作系统,就像你多少已经了解的 Windows(xp,7,8)和 Max OS ,至于操作系统是什么,就不用过多解释了,如果你学习过前面的入门课程,应该会有 ...

  9. ios——MPMoviePlayerController截取视频缩略图 播放视频又可以截取视频缩略图

    #import <AVKit/AVKit.h>#import <MediaPlayer/MediaPlayer.h>#import "ViewController.h ...

  10. HDU3923-Invoker-polya n次二面体

    polya定理.等价类的个数等于∑颜色数^置换的轮换个数 不可翻转的串当中.直接计算∑m^(gcd(n,i)) ,这里gcd(n,i)就是第i个置换的轮换数. 翻转的情况再分n奇偶讨论. n次二面体都 ...