validate for jquery

目前jQuery网站上已经有了From的验证框架,FromValidation,但是一直觉得它的框架并不好用,因为重复写的东西太多了。
于是就再次写了自己的JavaScript验证框架,完全废弃掉以前的。
在新的框架下,是以这样子的用法设计的:
首先,要包括自己的js文件(这点不必说),而且在包括自己写,要先包括jQuery的,如下

< link rel = " stylesheet "   type = " text/css "  href = " <ww:url value= " / layout / css / style . css " /> " >
< link rel = " stylesheet "   type = " text/css "  href = " <ww:url value= " / layout / css / thickbox . css " /> "  media = " screen " >
< script  type = " text/javascript "  src = " <ww:url value= " / layout / js / jquery-latest . js " /> " ></ script >
< script  type = " text/javascript "  src = " <ww:url value= " / layout / js / thickbox . js " /> " ></ script >
< script  type = " text/javascript "  src = " <ww:url value= " / layout / js / wingel . js " /> " ></ script >
< decorator :head />


然后在要验证的Form里面加个属性validatable=true,如下:

< form  id ="registerForm"  action ="user-register.action"  validatable ="true" >

注意,这边不要加onsubmit方法

接下来,就好了,比如说有个输入框:
<ww:textfield name="name" id="name"/>
我想验证,让它必填,如下就可以了:
<label for="name" validate="required">请填写名称</label>  其中 for属性里面填的要是验证的输入框id,validate填的是验证方法,;label里面的文本就是验证不过的时候要显示的信息。
如果我想验证一个输入框的输入值长度怎么办,这样子就行了

< label  for ="password"  validate ="lengthRange:6;20" >

后面的参数用;号隔开,验证的方法名跟参数用: 隔开。
wingel.js里面已经包括了一些常用的验证方法,现在问题来了,如果要自定义验证方法怎么办,如下办:
比如你想加个验证方法是hello
则label里面的validate属性写成hello,
然后加一个JavaScript方法:

< script type = " text/javascript " >
    wingel.validator.rules.hello
=   function (value, element, parameters,utility)  {
             ...    }

</ script >


里面三个参数,shit , couldn't input Chinese. now English will be used.

The first parameter is the value of the input element you want to validate,the second one is the validated element, the third one, is the parameters you add in validate label, the last one, is a utility class, you can invoke its method to make your code easier.






 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值