一日速成“绩效考核系统”美颜师

在绩效考核系统中，非常常见一种弹出框（如下边左图），作用是对一些业务、格式等规则的验证，如果我们能换成下边右图那样的效果怎么样？更直观，用户体验更好！这个效果是怎么实现的呢？下面我将结合我们的系统全面给大家介绍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+功能，那直接跳过这一步骤，直接去页面上看看效果吧，包你满意！