手把手教你自己写一个js表单验证框架的方法(手把手教你自己做菜)

编辑：rootadmin

在表单程序中，在页面上需要很多的Js代码来验证表单，每一个field是否必须填写，是否只能是数字，是否需要ajax到远程验证,blablabla。如果一个一个单独写势必非常的繁琐，所以我们的第一个目标就是构建一个类似DSL的东西，用表述的语句而非控制语句来实现验证。其次一个个单独写的话还有一个问题就是必须全部验证通过才能提交，但是单独验证会因为这个特征而增加很多额外的控制代码，且经常会验证不全面。所以第二个目标就是能够全面的整合整个验证的过程。最后不能是一个无法扩展的一切写死的实现，必要的扩展性还是要的。首先，我们需要一个能够描述对字段验证的类关于验证器对象我们在后面来讨论，接下来我们扩展这个类，加入validate方法再加入一个获取字段值的方法：设置验证器回调函数的方法set_callback如下：接下来我们就来看看验证器，验证器是真正执行验证过程的类，根据一般的验证过程，我们可以将其分类成，长度验证（包括必填验证），正则表达式验证，自定义函数验证，Ajax远程验证这几种，所以我们定义这几种验证器类，Ajax远程验证为了方便引用了jQuery，其他部分也有用到：最后我们用一个userform的类来做一个入口，在构造的时候传入Field对象的列表，并且将每一个控件的onblur事件绑定到validate的包装器上接下来需要定义一个方法来绑定提交按钮的onclick事件：这里提到了一个UserForm的validate方法，如下：最后用一个例子来看看怎么用：要注意的地方就是在循环中使用闭包会茶几，必须用一个方法来代理一下，呵呵希望对初学js但是还不知道该做点什么怎么做的朋友能有所帮助

推荐整理分享手把手教你自己写一个js表单验证框架的方法(手把手教你自己做菜)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:手把手教你自己在家染发,手把手教你自己动手更换空气滤芯及空调滤芯,手把手教你自己在家染发,手把手教你自己动手更换空气滤芯及空调滤芯,手把手教你自己如何给财神开光,手把手教你自己动手更换空气滤芯及空调滤芯,手把手教你自己如何给财神开光,手把手教你自己如何给财神开光,内容如对您有帮助，希望把文章链接给更多的朋友！

前端开发的开始---基于面向对象的Ajax类先看调用方式：ajax.request("ajax.html",{v:Math.random(),num:1},function(data){//dosomething},'get');方式好像jquery哦。。。还是觉得这样调用方便些。。。varajax={//Xmlhttpreq

JS面向对象编程 for Cookie 各位如果有更好的见解可讨论下！/**JsClassCookie*Author:MrCo*/varCookie=function(/*Cookie名称*/name){this.$name=name;varallcookies=document.cookie;if(allcookies=='')return;varcookies=al

javscript对象原型的一些看法 1.functionfunc(){this.name="huhao";//此变量时私有的，只能在new一个新的对象的时候能够访问，比如varobj=newfunc();obj.name是可以访问的，并且也是可以修改的，但