前台数据验证(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