前台数据验证（3）

jQuery 前台验证插件使用说明

                                                                                                        

                                                        如有需要的朋友可以给我发邮件,我可以给你源码

　　　　　　　　　　　　　　　                        　 Email:oula_king@126.com, QQ:404115630

 

主要思路:

1.    在页面加载的时候，会调用 utils.operateStr._init() 这个方法来初始化需要验证的控件。

A.    首先是为需要必填项的控件加一标签 required=true 插件会自动为该控件加一个样式，代码如下

$("input[required=true]:visible,textarea[required=true]:visible").each(function() {

                $(this).addClass("validatebox-invalid");

           });

B.    其次是给没个控件添加前台事件，在这个前台事件当中去验证所填的数据是否正确

C.    判断是否前台数据都验证成功，是根据页面上是否还存在样式为validatebox-invalid的控件

D.   提示信息在插件里有相应的默认提示信息，也可以自定义提示信息，在相应的控件中加入相应的标签 msg=”我是自定义提示信息” 即可

E.   采用的是部分验证的机制，就是页面上有几个区域需要分别验证提交服务器，只要将需要验证的区域的ID号传给该函数即可，如 tab1

 OnClientClick="return utils.operateStr.valid('tab1')

F.   当然页面要配合相应的样式和2张图片才能看见效果

G.   提示信息采用浮层的效果，不会撑破页面

2.   如下图

  

 

 

                                  

            如有需要的朋友可以给我发邮件,我可以给你源码

                                 Email:oula_king@126.com, QQ:404115630