关于JS校验validate的一点儿心得

 

应公司要求花了几天时间写了一个校验validate框架,想整理一下心得,但不方便把代码放上来,这里共享一下设计思路。

 

 

类图:

关于JS校验validate的一点儿心得_第1张图片

 

序列图:

关于JS校验validate的一点儿心得_第2张图片





简单的说一下,

 

ErrorMessage可是自己设计需要的错误提示信息的样式,在Validete类中通过getMessager()方法来获取ErrorMessage实例;

 

ValideteRule类中有很多校验规则的细项,比如不能为空,字符长度,邮件格式等等,每个校验规则都是一个独立的类,类似代码如下:

 

 

 

/**

 * @description 验证最大长度

 * @constructor CheckMaxLength

 * @param option JSON对象 

 * @example new CheckMaxLength({msg:'最大长度不可超过16位',length:'16'}); 

 */

function CheckMaxLength(option){

  /** 

     * @description {String} 错误提示信息 

     * @field 

     */  

this.msg = option.msg;

/** 

     * @description {Num} 长度 

     * @field 

     */  

this.length = option.length;

}

/**

 * @description 执行校验

 * @param obj  校验对象

 * @throws msg 错误提示信息

 */

CheckMaxLength.prototype.validate = function(obj){

if (obj.value.length<1)  return true;

if(obj.value.length>this.length){

 throw  this.msg;     

}

}

 

 

 

Validete类本身类似于一个action,validete()是核心的执行校验方法,根据不同的校验规则调用规则本身的validate()方法,若校验不通过则捕获异常,抛出错误信息到ErrorMessage类修理;

 

 

结合类图与序列图,设计应该可以理解,有兴趣的朋友可以M我!




 

你可能感兴趣的:(JS)