超好用的JS验证框架(LiveValidation)

这个验证表单超强。

 

输入 hello : 请输入hello! <script type="text/javascript"> var sayHello = new LiveValidation('sayHello', { validMessage: '哦,亲爱的,你终于输对了!', wait: 100}); sayHello.add(Validate.Presence, {failureMessage: "不能为空哦!"}); sayHello.add(Validate.Format, {pattern: /^hello$/i, failureMessage: "请输入hello!" } ); </script>

非空 : Thankyou! <script type="text/javascript"> var f1 = new LiveValidation('f1'); f1.add(Validate.Presence); </script>

格式 (包含 live ): 无效! <script type="text/javascript"> var f2 = new LiveValidation('f3'); f2.add(Validate.Format, { pattern: /live/i }); </script>
正则表达式

 

数字验证(任何数字): 必须是数字! <script type="text/javascript"> var f3 = new LiveValidation('f4'); f3.add(Validate.Numericality); </script>

数字验证(必须为整型): 必须是数字! <script type="text/javascript"> var f4 = new LiveValidation('f5'); f4.add(Validate.Numericality, { onlyInteger: true } ); </script>
具体数字验证: 必须是数字! <script type="text/javascript"> var f5 = new LiveValidation('f6'); f5.add(Validate.Numericality, { is: 2000 } ); </script>
大于数字验证： 必须是数字! <script type="text/javascript"> var f6 = new LiveValidation('f7'); f6.add(Validate.Numericality, { minimum: 2000 } ); </script>
小于数字验证 : 必须是数字! <script type="text/javascript"> var f7 = new LiveValidation('f8'); f7.add(Validate.Numericality, { maximum: 2000 } ); </script>
在2个数字之间..能用小数(2000--2003)： 必须是数字! <script type="text/javascript"> var f8 = new LiveValidation('f9'); f8.add(Validate.Numericality, { minimum: 2000, maximum: 2003 } ); </script>
在2个数字之间..不能用小数(2000--2003)： 必须是数字! <script type="text/javascript"> var f9 = new LiveValidation('f10'); f9.add(Validate.Numericality, { minimum: 2000, maximum: 2003, onlyInteger: true } ); </script>



长度验证(等于4位)： <script type="text/javascript"> var f10 = new LiveValidation('f11'); f10.add(Validate.Length, { is: 4 } ); </script>
长度验证(大于等于4位)： <script type="text/javascript"> var f11 = new LiveValidation('f12'); f11.add(Validate.Length, { minimum: 4 } ); </script>
长度验证(小于等于4位)： <script type="text/javascript"> var f11 = new LiveValidation('f13'); f11.add(Validate.Length, { maximum: 4 } ); </script>
长度验证(4和8个字符长度)： <script type="text/javascript"> var f13 = new LiveValidation('f14'); f13.add(Validate.Length, { minimum: 4, maximum: 8 } ); </script>


精确匹配(输入cssrain或者our或者cake): <script type="text/javascript"> var f14 = new LiveValidation('f15'); f14.add(Validate.Inclusion, { within: [ 'cssrain' , 'our', 'cake' ] } ); </script>
部分匹配: <script type="text/javascript"> var f15 = new LiveValidation('f16'); f15.add(Validate.Inclusion, { within: [ 'cssrain' , 'our', 'cake' ], partialMatch: true } ); </script>


跟上面2个例子相反（一个是包括，一个是排除）
排斥精确匹配(输入cssrain或者our或者cake): <script type="text/javascript"> var f16 = new LiveValidation('f17'); f16.add(Validate.Exclusion, { within: [ 'cssrain' , 'our', 'cake' ] } ); </script>
排斥部分匹配: <script type="text/javascript"> var f17 = new LiveValidation('f18'); f17.add(Validate.Exclusion, { within: [ 'cssrain' , 'our', 'cake' ], partialMatch: true } ); </script>


验证复选框: <script type="text/javascript"> var f18 = new LiveValidation('f19'); f18.add(Validate.Acceptance ); </script>
密码确认：
确认密码: <script type="text/javascript"> var f19 = new LiveValidation('f20'); f19.add(Validate.Confirmation, { match: 'myPasswordField'} ); </script>
Email验证: <script type="text/javascript"> var f20 = new LiveValidation('f21'); f20.add(Validate.Email ); </script>
Email验证(综合校验不能小于10大于20位) <script type="text/javascript"> var f21 = new LiveValidation('f22'); f21.add( Validate.Presence ); f21.add( Validate.Email ); f21.add(Validate.Length, { minimum: 10, maximum: 20 } ); </script>

经过我的修改，提示信息已经是中文的。用户可以根据自己的需要修改相应的提示信息。

 

 

LiveValidation中文修改版下载

々上善若水々 2008-05-30 16:48 发表评论

评论

3 楼 worina008 2011-09-05  

正是我想要的，谢谢谢谢

2 楼 qinglintan 2010-08-30  

某些时候，会增加维护成本，但是总体还不错..

1 楼 pwh_panweihao 2010-08-25  

确实超级好用！谢谢