在绩效考核系统中,非常常见一种弹出框(如下边左图),作用是对一些业务、格式等规则的验证,如果我们能换成下边右图那样的效果怎么样?更直观,用户体验更好!这个效果是怎么实现的呢?下面我将结合我们的系统全面给大家介绍jQuery的validate;
jQuery内置Validate规则有哪些
当有人问你怎样去写IP地址的验证时,先不要急忙百度,因为百度出来的结果你还得筛选,也不需要去找产品帮助手册,最简单粗爆的方法就是:打开PAS+查询设计器,拖拽任意一个控件到查询条件区域,浏览器的最右边就会出现一系列的控件属性,找到
,点击帮助图标按钮,一目了然的答案就出现在你面前:
如何使用Validate
PAS+功能
1
上面图中已经有说明,参考“使用说明”列即可;
代码功能
2
细心的同学应该会发现,一个数字域最后生成在页面的代码如下图:
它的class属性值就是一些验证规则,那么我们只需要将验证加到class属性中就行。有人会问:“那如果是用的styleClass,struts标签怎么办?加一个class属性会报错?”,回答:“好办,你只需要去我们的产品帮助手册里面找到3.3页面验证,将这些验证名称加到styleClass中。”
自定义Validate规则(导读中实例)
3
Ⅰ.我们在JS中添加一段代码,添加在哪?下图中这个ready方法里面;
代码段:
$.validator.addMethod("gwbhValid",function(value,element,param){
return !param;
},"岗位编号已存在");
代码段解说:
使用jQuery的对象:validator,调用addMethod方法,传入参数。
gwbhValid:是需要验证方法的名字 好比如required 必填,可以自己随意取名,不重复就行。
value:返回当前input的value值,当页面上文框输入12,对应value值是12;
param:返回的是当前自定义的验证格式,下图中,param属性值是10;
Ⅱ.岗位编号需要查询数据库才能验证,所以我们需要利用PAS+的数据访问组件,查询岗位编号是否已存在,当不存在时,改变岗位编号的class属性
Ⅲ.在自定义验证中再调用一次Validate插件的验证方法,即可实现效果,如果你的代码是非PAS+功能,那直接跳过这一步骤,直接去页面上看看效果吧,包你满意!