<!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. selenium验证车贷计算器算法

    1.验证页面上的车贷计算器算的结果是否与需求中给的公式结果一致. 页面图片: 代码如下(简单实现,需要优化): package com.test; import java.math.BigDecima ...

  2. codeforces 480C C. Riding in a Lift(dp)

    题目链接: C. Riding in a Lift time limit per test 2 seconds memory limit per test 256 megabytes input st ...

  3. JAVA版Kafka代码及配置解释

    伟大的程序员版权所有,转载请注明:http://www.lenggirl.com/bigdata/java-kafka.html.html 一.JAVA代码 kafka是吞吐量巨大的一个消息系统,它是 ...

  4. Unity开发之NGUI系列

    Unity插件收集 在Unity开发过程中会收集一些插件,收集这些插件的目的并不是我喜欢在开发中使用插件,而是本着喜欢的态度去收集的,就像我喜欢收集模型一样: 还有一点就是通过了解插件能让我知道Uni ...

  5. 解决-bash: lsb_release: command not found

    今天想判断系统版本,没想到没有lsb_release,lsb_release是查看系统版本信息的工具.当然我们也可以用其他的命令来解决,但这个问题还是解决掉. 系统:centos 6.41.先检查有没 ...

  6. TestLink学习七：TestLink测试用例Excel转换XML工具

    TestLink对于测试用例的管理来说,是蛮强大的,但是在导入导出这块,功能有点弱,本文针对测试用例的导入,转载了一个Excel转换成xml工具. 1.根据到处的测试用例xml,定义一下我的Excel ...

  7. Spring MVC之cookies跟session 数据绑定

    在我最早接触web开发的中学时代,学习的asp技术对于session的概念其实很清楚 Session("username")="张三"下次要用的时候,直接用se ...

  8. ng-bind的使用

    由于JS是单线程的,当HTML页面执行alert的时候,会中断下面代码的运行,所以为了良好的用户体验,当需要在页面使用{{name}}的时候,通常不这样直接输出,而是用ng-bind绑定model数据 ...

  9. Saltstack-自动化部署

    Saltstack概述 Salt一种全新的基础设施管理方式,部署轻松,在几分钟内可运行起来,扩展性好,很容易管理上万台服务器,速度够快,服务器之间秒级通讯. salt底层采用动态的连接总线, 使其可以 ...

  10. 理解SQL Server中的权限体系(上)----主体

    原文:http://www.cnblogs.com/CareySon/archive/2012/04/10/mssql-security-principal.html 简介 权限两个字,一个权力,一个 ...