手把手教你自己写一个js表单验证框架

  其实我自己也就能简单用用js而已,但是呢,相对很多初学者来说多懂了点Know How所以斗胆孟浪一下,将一些所得记录下来,以供更多的初学者能够知道一个东西的实现过程,省去在源码里摸索的过程。

  在表单程序中,在页面上需要很多的Js代码来验证表单,每一个field是否必须填写,是否只能是数字,是否需要ajax到远程验证,blablabla。如果一个一个单独写势必非常的繁琐,所以我们的第一个目标就是构建一个类似DSL的东西,用表述的语句而非控制语句来实现验证。

   其次一个个单独写的话还有一个问题就是必须全部验证通过才能提交,但是单独验证会因为这个特征而增加很多额外的控制代码,且经常会验证不全面。所以第二个目标就是能够全面的整合整个验证的过程。

  最后不能是一个无法扩展的一切写死的实现,必要的扩展性还是要的。

  首先,我们需要一个能够描述对字段验证的类

function Field(params){     this.field_id=params.fid;     //要验证的字段的ID     this.validators=params.val;   //验证器对象数组     this.on_suc=params.suc;       //当验证成功的时候执行的事件     this.on_error=params.err;     //当验证失败的时候执行的事件     this.checked=false;           //是否通过验证 }

it知识库手把手教你自己写一个js表单验证框架,转载需保留来源!

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。