js验证插件,兼容IE6-IE10,火狐,谷歌,android,Opera 支持图标提示
做了一个归纳,在中大体上有这样几种方式: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 编辑 ]