<!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. MIT jos 6.828 Fall 2014 训练记录（lab 2）

    注: 源代码参见我的github:https://github.com/YaoZengzeng/jos Part1 : Physical Page Management mem_init函数: /*该 ...

  2. 读《深入理解Java虚拟机》有感——第二部分:虚拟机类加载机制

    一.类加载过程       执行时机:编译程序——>执行程序(JVM启动.程序运行),类加载发生在程序运行期间       各个阶段:分为加载阶段.连接阶段(验证.准备.解析).初始化.使用.卸 ...

  3. mac os下得pycharm怎么设置mercurial？

    捣鼓了一会儿,最终搞定了. 先把链接贴上来:https://www.jetbrains.com/pycharm/help/mercurial.html 如果你发现你的pycharm在设置mercuri ...

  4. Codeforces Round 261 Div.2 E Pashmak and Graph --DAG上的DP

    题意:n个点,m条边,每条边有一个权值,找一条边数最多的边权严格递增的路径,输出路径长度. 解法:先将边权从小到大排序,然后从大到小遍历,dp[u]表示从u出发能够构成的严格递增路径的最大长度. dp ...

  5. Android配置----adb工具的使用

    Adb(android debug bridge):android 调试桥,用于将本地的文件 push 到环境中,或者从手机环境中 pull 文件到本地. 一.ADB的主要功能: · 运行设备的she ...

  6. YOU ARE MY SUNSHINE

    /*you are sunshine, my only sunshine, you make me happy when skies are grey. you'll never know dear ...

  7. Linux命令学习－sed

    sed是一个很好的文件处理工具,本身是一个管道命令,主要是以行为单位进行处理,可以将数据行进行替换.删除.新增.选取等特定工作,下面先了解一下sed的用法sed命令行格式为:         sed ...

  8. android初学问题集

    1. Manifest中的Application tag用途? 2. java中的组件设计模型是指什么? 3. java Bean是指什么? 4. Proxy-Stub设计模式又指的是什么? 有要的网 ...

  9. fanghuangscannerV3 字典生成器

    #-*-coding=GB2312-*- import random import sys def makedict(name): f1 =open(name+'_user.txt','r') f2 ...

  10. ListView缓存机制踩过的坑

    ListView,GrildView使用时候经常会用到缓存机制,随意一搜,例子成千上万,但是讲解都是很一致,跟自己踩的坑很少有人讲解到. 测试 需求: GrildView 分三列显示,默认背景为白色, ...