jQuery 版本的文本输入框检查器Input Check


Posted in Javascript onJuly 09, 2009
/** 
* power by wooshoo copyright 2008-2009 
* 程序名:JQuery 专用输入检查器 
* 内容:专门针对input[text password hidden]以及textarea的用户输入进行检查 
* 检查的范围包括:字符数、是否包含特殊字符、是否为整数、是否符合email格式、是否为电话号码、 
* 是否为网站地址、是否为图片地址、是否为浮点小数、是否为人民币货币、是否为日期格式 
* 是否为时间格式、是否为日期时间格式、是否为密码格式(仅包含大小写字母、数字及底划线)、 
* 暂不可用:是否为非英数特殊字符格式(即仅为中文、日文、韩文等大字符语言)、是否包含html标签、是否包含UBB标签、 
* 
*/ 
(function($) { 
var wshc = $.fn.check = function(){ 
return wshc.fn.init(this); 
} 
DATETIME = { 
FULL: "full", 
SIMPLE: "simple", 
ENGLISH: "english", 
JAPANESE: "japanese", 
CHINESE: "chinese" 
} 
wshc.fn = { 
init: function(obj){ 
wshc.fn.val = obj.val(); 
return wshc.fn; 
}, 
notNull: function(){ 
if(this.val !== "" || this.val !== undefined){ 
return true; 
} 
error("您没有输入任何字符。"); 
return false; 
}, 
number: function(min,max){//检查字数是否超过限制 
if(this.val.length >= min && this.val.length <= max){ 
return true; 
} 
error("您输入的字符超过了"+min+"-"+max+"的限制。"); 
return false; 
}, 
specialChar: function(pat){//检查是否包含特殊字符 
//特殊字符包括:\ / @ # $ % ^ & * = < > \n \r 
//如果需要自定义,可以在参数中设定 
pat = pat || /[\\\/\@\#\$\%\^\&\*\=\<\>\n\r]+/; 
error("您输入的字符包含了一些特殊字符。"); 
return mat(this.val,pat); 
}, 
isNum: function(len){//检查是否为数字 
if(!isNaN(this.val)){ 
return true; 
} 
error("您输入的不是数字。"); 
return false; 
}, 
integer: function(){//检查是否为整数 
if(this.val == parseInt(this.val)){ 
return true; 
} 
error("您输入的不是整数。"); 
return false; 
}, 
float: function(){//检查是否为小数 
if(this.isNum() && !this.integer()){ 
return true; 
} 
error("您输入的不是小数。"); 
return false; 
}, 
rmb: function(){//检查是否为货币(RMB标准格式为:0.00 or 10.00 除个位数外首位不为零) 
var pat = /^([1-9][0-9]+|[0-9])\.[0-9]{2}$/; 
error("您输入的不是人民币货币格式。"); 
return mat(this.val,pat); 
}, 
email: function(pat){//检查是否符合电子邮件格式 
pat = pat || /^[a-zA-Z0-9_\-\.]+@[a-zA-Z0-9_\-\.]+\.[a-zA-Z]{0,4}$/; 
error("您输入的不是电子邮件格式。"); 
return mat(this.val,pat); 
}, 
http: function(pat){//检查是否为网站的地址(包含http) 
pat = pat || /^(http|HTTP):\/\/[^s]*/; 
error("您输入的不是通用网址格式。"); 
return mat(this.val,pat); 
}, 
url: function(pat){//检查是否为通信地址 
pat = pat || /^[a-zA-z]+:\/\/[^s]*/; 
error("您输入的不是通用通信协议格式。"); 
return mat(this.val,pat); 
}, 
image: function(pat){//检查是否为图片地址(jpg gif png bmp jpeg ) 
pat = pat || /^(http|HTTP):\/\/[^s]*(jpg|JPG|png|PNG|gif|GIF|bmp|BMP|jpeg|JPEG)$/; 
error("您输入的不是网页允许的图片格式。"); 
return mat(this.val,pat); 
}, 
password: function(pat){ 
pat = pat || /^\w*$/; 
error("您输入的不是密码格式。"); 
return mat(this.val,pat); 
}, 
tel: function(pat){ 
pat = pat || /^\d{3}\-\d{8}$|^\d{4}\-\d{7}$/; 
error("您输入的不是中国地区的固定电话格式。"); 
return mat(this.val,pat); 
}, 
mobile: function(pat){ 
pat = pat || /^1\d{10}$/; 
error("您输入的不是中国地区的移动电话格式。"); 
return mat(this.val,pat); 
}, 
datatime: function(){ 
return DATETIME; 
}, 
date: function(type){ 
var pat; 
switch(type){ 
case DATETIME.FULL: 
pat = /^(([1-9]\d{0,3}|0)\-\d{2}\-\d{2})|(([1-9]\d{0,3}|0)\.\d{2}\.\d{2})|(([1-9]\d{0,3}|0)\/\d{2}\/\d{2})$/; 
break; 
case DATETIME.SIMPLE: 
pat = /^(\d{2}\-\d{1,2}\-\d{1,2})|(\d{2}\.\d{1,2}\.\d{1,2})|(\d{2}\/\d{1,2}\/\d{1,2})$/; 
break; 
case DATETIME.ENGLISH: 
pat = /^\w* \d{1,2},(([1-9]\d{0,3}|0)| ([1-9]\d{0,3}|0))$/; 
break; 
case DATETIME.JAPANESE: 
pat = /^(([1-9]\d{0,3}|0)年\d{2}月\d{2}日)$/; 
break; 
case DATETIME.CHINESE: 
pat = /^(([1-9]\d{0,3}|0)年\d{2}月\d{2}日)$/; 
break; 
} 
error("您输入的日期格式不正确。"); 
return mat(this.val,pat); 
}, 
time: function(type){ 
var pat; 
switch(type){ 
case DATETIME.FULL: 
pat = /^\d{2}:\d{2}:\d{2}$/; 
break; 
case DATETIME.SIMPLE: 
pat = /^\d{1,2}:\d{1,2}:\d{1,2}$/; 
break; 
case DATETIME.ENGLISH: 
pat = /^\d{1,2}:\d{1,2}:\d{1,2}$/; 
break; 
case DATETIME.JAPANESE: 
pat = /^\d{1,2}?r\d{1,2}分\d{1,2}秒$/; 
break; 
case DATETIME.CHINESE: 
pat = /^\d{1,2}时\d{1,2}分\d{1,2}秒$/; 
break; 
} 
error("您输入的时间格式不正确。"); 
return mat(this.val,pat); 
} 
} 
var mat = function(val,pat){ 
if (val.match(pat)) { 
return true; 
} 
return false; 
} 
var error = function(err){ 
wshc.fn.error = err || "无格式错误。"; 
} 
})(jQuery); 
使用方法: 
前提是,您已经导入了jQuery3.2的包了 
JS: 
<scrpit> 
$(function(){ 
//检查字数是否超过限制 
$(#"do_check").bind("click",function(){ 
alert($("#wooshoo_ipt").check().number()); 
alert($("#wooshoo_ipt").check().error); 
}); 
}); 
</script> 
HTML: 
<body> 
请输入:<input id="wooshoo_ipt" type="text" /><br/> 
<a id="do_check">执行检查</a> 
</body>
Javascript 相关文章推荐
疯狂Jquery第一天(Jquery学习笔记)
May 11 Javascript
js与jquery获取父级元素,子级元素,兄弟元素的实现方法
Jan 09 Javascript
javascript通过className来获取元素的简单示例代码
Jan 10 Javascript
JS数字抽奖游戏实现方法
May 04 Javascript
个人总结的一些JavaScript技巧、实用函数、简洁方法、编程细节
Jun 10 Javascript
详解jQuery移动页面开发中的ui-grid网格布局使用
Dec 03 Javascript
浏览器检测JS代码(兼容目前各大主流浏览器)
Feb 21 Javascript
Angularjs中controller的三种写法分享
Sep 21 Javascript
JS中页面与页面之间超链接跳转中文乱码问题的解决办法
Dec 15 Javascript
解析jquery easyui tree异步加载子节点问题
Mar 08 Javascript
vue2.0s中eventBus实现兄弟组件通信的示例代码
Oct 25 Javascript
layui实现数据表格table分页功能(ajax异步)
Jul 27 Javascript
window.onload 加载完毕的问题及解决方案(下)
Jul 09 #Javascript
window.onload 加载完毕的问题及解决方案(上)
Jul 09 #Javascript
最简单的jQuery程序 入门者学习
Jul 09 #Javascript
Jquery 组合form元素为json格式,asp.net反序列化
Jul 09 #Javascript
JS 巧妙获取剪贴板数据 Excel数据的粘贴
Jul 09 #Javascript
JavaScript 继承的实现
Jul 09 #Javascript
jquery text,radio,checkbox,select操作实现代码
Jul 09 #Javascript
You might like
BBS(php &amp; mysql)完整版(六)
2006/10/09 PHP
PHP个人网站架设连环讲(一)
2006/10/09 PHP
自己在做项目过程中学到的PHP知识收集
2012/08/20 PHP
解析php下载远程图片函数 可伪造来路
2013/06/25 PHP
php中socket通信机制实例详解
2015/01/03 PHP
Linux基于php-fpm模式的lamp搭建phpmyadmin的方法
2018/10/25 PHP
分享一个用Mootools写的鼠标滑过进度条改变进度值的实现代码
2011/12/12 Javascript
一款简单的jQuery图片标注效果附源码下载
2016/03/22 Javascript
Js删除数组中某一项或几项的几种方法(推荐)
2016/07/27 Javascript
使用 bootstrap modal遇到的问题小结
2016/11/09 Javascript
Angular 开发学习之Angular CLI的安装使用
2017/12/31 Javascript
深入理解Vue Computed计算属性原理
2018/05/29 Javascript
关于微信公众号开发无法支付的问题解决
2018/12/28 Javascript
three.js搭建室内场景教程
2018/12/30 Javascript
vue3.0中setup使用(两种用法)
2020/12/02 Vue.js
[45:32]Liquid vs LGD 2018国际邀请赛淘汰赛BO3 第二场 8.23
2018/08/24 DOTA
浅谈Python中列表生成式和生成器的区别
2015/08/03 Python
python3+PyQt5实现自定义窗口部件Counters
2018/04/20 Python
Python实现KNN(K-近邻)算法的示例代码
2019/03/05 Python
如何利用Python模拟GitHub登录详解
2019/07/15 Python
python批量解压zip文件的方法
2019/08/20 Python
详解一种用django_cache实现分布式锁的方式
2019/09/01 Python
Pandas 解决dataframe的一列进行向下顺移问题
2019/12/27 Python
纯CSS3实现滚动的齿轮动画效果
2014/06/05 HTML / CSS
CSS3弹性盒模型flex box快速入门心得(必看篇)
2016/05/24 HTML / CSS
戴森台湾线上商城:Dyson Taiwan
2018/05/21 全球购物
super关键字的用法
2012/04/10 面试题
应届毕业生的个人自我鉴定
2013/10/24 职场文书
数控专业个人求职信范例
2013/11/29 职场文书
酒店销售主管岗位职责
2014/01/04 职场文书
建筑工地大门标语
2014/06/18 职场文书
工商管理专业毕业生自我鉴定2014
2014/10/04 职场文书
《游戏公平》教学反思
2016/02/20 职场文书
MySQL大小写敏感的注意事项
2021/05/24 MySQL
分析Java中Map的遍历性能问题
2021/06/26 Java/Android
浅谈resultMap的用法及关联结果集映射
2021/06/30 Java/Android