Jquery通用页面验证插件 power by Think_Fish
来源:互联网 发布:windowxp主题 windows 编辑:程序博客网 时间:2024/05/17 01:19
这个是还未完成的一个demo,因为中途碰到了让我为难的问题所以现在把demo发布出来,希望各位高手能指点一二
/*--------------------------------------------*
*--------创建者:Think_Fish-------------------------*
*--------说明:通用页面验证插件----------------*
*--------创建时间:2010-09-15------------------*
*---------------------------------------------*/
//通用验证插件
//idName:需要验证的ID
//validataName展示错误信息的标签ID
//validataType:所要验证的类型
//{length:长度验证,empty:非空验证,Email:邮箱验证,phone:手机验证,Url:网址合法性验证
//,date:日期验证,number:数字验证.输入类型不区分大小写}
function ValidataEmpty(idName, validataName, validataType) {
var object = $("#" + idName);
var validataObject = $("#" + validataName);
//获取inpu的value属性的值
var value = object.attr("value");
//判断是哪种类型的验证
switch (validataType.toLowerCase()) {
//判断是否为空
case "empty":
if (value == "") {
validataObject.show();
} else {
validataObject.hide();
}
break;
//判断是否合法邮箱地址
case "email":
if (value == "") {
validataObject.show();
} else {
if (!/^/w+([-+.]/w+)*@/w+([-.]/w+)*/./w+([-.]/w+)*$/.test(value)) {
validataObject.html("<span style='color:red'>*邮箱地址不合法</span>").show();
} else {
validataObject.html("");
}
}
break;
//判断是否合法手机号
case "phone":
if (value == "") {
validataObject.show();
} else {
if (value.match("^(1//d{10})$") == null) {
validataObject.html("<span style='color:red'>*手机号码不合法</span>").show();
} else {
validataObject.html("");
}
}
break;
}
}
//调用示例
<td>
<input type="text" name="Email" id="Email" class="textbox" maxlength="100" onblur="javascript:ValidataEmpty ('Email','validataEmail','email')"/><span id="validataEmail" style="display: none;color:Red">*邮箱不能为空</span>
</td>
//说明
//首先要调用jquery库
<span id="validataEmail" style="display: none;color:Red">*邮箱不能为空</span>默认的为验证是否为空,所以这句代码得加上。若验证其他如上段代码是需要验证email,插件中会首先判断是否非空,然后再判断邮件地址是否合法,不合法则会动态的改变页面中span标签所显示的内容.
现在还只写了一部分,会逐渐的完善这个插件功能。
1,如果同一个控件需要验证几个方面,比如用户名我需要验证是否为空,并且还需要验证输入的用户名是否被注册,那调用的时候如何处理呢?
2,我不希望全部填写完成之后点击按钮错误信息才显示出来,而是填写的时候若有错就直接显示出来,但是这个方法怎么跟铵钮结合起来呢?
3,是用$(function{});好呢还是定义一个方法在页面中去调用好?(似乎我幻想用一个方法来解决这个通用验证的问题似乎不太现实?!)
4,若各位牛人有做过类似的通用页面客户端验证的方法指点一二,我希望能把这个插件完善起来。
- Jquery通用页面验证插件 power by Think_Fish
- jquery 通用表单验证
- 国人编写的、超牛的、基于jQuery插件式、监听模式(无侵入)的html页面form表单通用验证框架
- jquery发送手机 验证码倒计时插件 支持页面刷新
- 通用的页面验证类
- jQuery验证插件 form 验证
- jquery插件的通用模版
- jquery 表单验证插件
- jquery表单验证插件
- jQuery验证插件
- Jquery插件验证
- jQuery验证插件
- jquery 验证插件
- jquery插件validate验证
- jQuery 插件验证方式
- jquery插件验证表单
- jquery插件 验证表单
- jQuery验证插件
- 我的记事本 第一讲:文件的打开与关闭
- wince 6.0 导出 支持MFC的SDK
- ExtJS layout的9种样式详解
- 我的记事本 第三讲:保存配置信息
- 开博序
- Jquery通用页面验证插件 power by Think_Fish
- jQuery对象中的类数组操作
- 整理:字符串操作
- 网游自适应数值平衡
- Vss2005安装配置 收藏
- 只需要MTK工程的bin文件、手机和下载线便可以修改各种手机软件
- vi 笔记总结
- 一个设计性很强的入门插件开发例子
- GWT-EXT开发流程[公司]