注册 登录
编程论坛 JavaScript论坛

js验证插件,兼容IE6-IE10,火狐,谷歌,android,Opera 支持图标提示

geloom 发布于 2011-08-21 17:45, 694 次点击
做了一个归纳,在中大体上有这样几种方式:
1、写js代码验证,类似如下代码:
   
2、通过visual studio 强大的验证控件:                  
   比如:验证 文本框不能为空,可以拖入 RequireFiledValidator控件,并指定
   ControlToValidate属性为验证TextBox的ID。
   很方便,但是当你查看网页源文件时,会发现visual 为你生成了很多js代码,甚至可以说是乱码。
   这样就降低了代码的可读性。
3、用jquery验证插件,也是一位热心的网友开发的。
   $(document).ready(function(){
    $.formValidator.initConfig({formid:"form1",onerror:function(){alert('不能为空')}}
   });
   这种代码,一个两个控件还好,如果控件多了,将在页面上形成一大片的js代码。
   看得头大,我用了几次还是放弃了。
   
   后来,在自己开发的过程中,觉得自己完全可以开发一个js插件,而每一次要做验证的时候,我就只需要在网页代码中加入一点点代码就能完成需求了,
   这样就省事了。。
   现在我做出来了。。。。不仅支持文字提示,还能显示图片。
   每次验证,只需要在html标签中加入一个或者两个属性就能完成功能。如下:
   <input type="text" validate="NotNull" errormsg=""/>
   validate:验证的类型
   NotNull: 不能为空
   errormsg:错误提示
   当然,validate还有很多种方式,如果朋友们感兴趣,欢迎多提意见。
   http://geloom.


[ 本帖最后由 geloom 于 2011-8-21 17:47 编辑 ]
0 回复
1