`
alvinqq
  • 浏览: 185786 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

jQuery文本框过滤插件filtertext

阅读更多
/**
 * @Title: jquery.alvin.filtertext.js
 * @Description: 文本框过滤插件(可扩展),Example:$("input").filterNumber();
 * @author Alvin.zengqi
 * @date 2011-6-4 下午12:07:33
 * @version V1.0
 * @Company: MSD.
 * @Copyright Copyright (c) 2011
 */
(function($) {
	
	$.extend({
		
		filterText : new function(){
			this.defaults = {
				exp	: /[]/ig //默认表达式
			};
			this.construct = function(settings){
				return this.each(function(){
					var config;
					config = $.extend($.filterText.defaults, settings);
					$(this).bind("keyup",function(){$.filter(this, config);})
						   .bind("keydown",function(){$.filter(this, config);});
				});
			};
		},
		
		//只能输数字(包含换行,空格) 
		filterNumber : new function(){
			this.defaults = {
				exp	: /[^\d\r\n]/ig //默认表达式
			};
			this.construct = function(settings){
				return this.each(function(){
					var config;
					config = $.extend($.filterNumber.defaults, settings);
					$(this).bind("keyup",function(){$.filter(this, config);})
						   .bind("keydown",function(){$.filter(this, config);});
				});
			};
			
			
		},
		
		//只能输字母(包含换行,空格) 
		filterLetter : new function(){
			this.defaults = {
				exp	: /[^\w]/ig //默认表达式
			};
			this.construct = function(settings){
				return this.each(function(){
					var config;
					config = $.extend($.filterLetter.defaults, settings);
					$(this).bind("keyup",function(){$.filter(this, config);})
						   .bind("keydown",function(){$.filter(this, config);});
				});
			};
		},

		
		//过滤特殊字符(包含换行,空格)
		filterSpecialCharacter : new function(){
			this.defaults = {
				exp	: /[^\u4E00-\u9EA5\w\d\r\n]/ig //默认表达式
			};
			this.construct = function(settings){
				return this.each(function(){
					var config;
					config = $.extend($.filterSpecialCharacter.defaults, settings);
					$(this).bind("keyup",function(){$.filter(this, config);})
						   .bind("keydown",function(){$.filter(this, config);});
				});
			};
		},
		
		//过滤邮箱(包含换行,空格)
		filterEmail : new function(){
			this.defaults = {
				exp	: /[^\d\w\.\@\r\n]/ig //默认表达式
			};
			this.construct = function(settings){
				return this.each(function(){
					var config;
					config = $.extend($.filterEmail.defaults, settings);
					$(this).bind("keyup",function(){$.filter(this, config);})
						   .bind("keydown",function(){$.filter(this, config);});
				});
			};
		},
		
		//只能输汉字(包含空格) 
		filterCN : new function(){
			this.defaults = {
				exp	: /[^\u4E00-\u9FA5\uF900-\uFA2D\r\n]/ig //默认表达式
			};
			this.construct = function(settings){
				return this.each(function(){
					var config;
					config = $.extend($.filterCN.defaults, settings);
					$(this).bind("keyup",function(){$.filter(this, config);})
						   .bind("keydown",function(){$.filter(this, config);});
				});
			};
		},

		//只能输数字跟字母(包含换行,空格) 
		filterNumberLetter : new function(){
			this.defaults = {
				exp	: /[^\d\w\r\n]/ig //默认表达式
			};
			this.construct = function(settings){
				return this.each(function(){
					var config;
					config = $.extend($.filterNumberLetter.defaults, settings);
					$(this).bind("keyup",function(){$.filter(this, config);})
						   .bind("keydown",function(){$.filter(this, config);});
				});
			};
		},
		
		//只能输数字和.(包含换行,空格) IP
		filterNumberPoint : new function(){
			this.defaults = {
				exp	: /[^\d\r\n\.\;]/ig //默认表达式
			};
			this.construct = function(settings){
				return this.each(function(){
					var config;
					config = $.extend($.filterNumberPoint.defaults, settings);
					$(this).bind("keyup",function(){$.filter(this, config);})
						   .bind("keydown",function(){$.filter(this, config);});
				});
			};
		},
		 
		//过滤电话号码
		filterPhone : new function(){
			this.defaults = {
				exp	: /[^\d\r\n\-]/ig //默认表达式
			};
			this.construct = function(settings){
				return this.each(function(){
					var config;
					config = $.extend($.filterPhone.defaults, settings);
					$(this).bind("keyup",function(){$.filter(this, config);})
						   .bind("keydown",function(){$.filter(this, config);});
				});
			};
		},
		
		filter : function(obj, config){
			if(config.exp.test(obj.value))obj.value=obj.value.replace(config.exp,'');
		}
		
	});
	
	$.fn.extend({
		//过滤文本(自定义)
		filterText : $.filterText.construct,
		//只能输数字(包含换行,空格)
		filterNumber : $.filterNumber.construct,
		//只能输字母(包含换行,空格) 
		filterLetter : $.filterLetter.construct,
		//过滤特殊字符(包含换行,空格)
		filterSpecialCharacter : $.filterSpecialCharacter.construct,
		//过滤邮箱(包含换行,空格)
		filterEmail : $.filterEmail.construct,
		//只能输汉字(包含空格) 
		filterCN : $.filterCN.construct,
		//只能输数字跟字母(包含换行,空格) 
		filterNumberLetter : $.filterNumberLetter.construct,
		//只能输数字和.(包含换行,空格) IP
		filterNumberPoint : $.filterNumberPoint.construct,
		//过滤电话号码
		filterPhone : $.filterPhone.construct
	});
	
})(jQuery);
分享到:
评论

相关推荐

    jquery文本框点击的效果插件

    此插件通过JavaScript库jQuery实现,它提供了特定的动态行为,如文本框的聚焦、失焦以及内容变化时的响应。 在页面加载完成后,插件会自动对所有`<input type="text">`元素设置初始值。这个初始值可以作为提示信息...

    jQuery文本框联想补全自动完成插件.zip

    jQuery文本框联想补全自动完成插件,jQuery文本框联想补全自动完成插件,jQuery文本框联想补全自动完成插件,jQuery文本框联想补全自动完成插件,jQuery文本框联想补全自动完成插件,jQuery文本框联想补全自动完成...

    Jquery文本框插入表情插件.zip

    《jQuery文本框插入表情插件详解》 在Web开发中,增强用户交互体验是至关重要的。其中,允许用户在文本框内插入表情符号已经成为一种流行趋势,尤其在社交媒体和聊天应用中。今天我们将深入探讨一个基于jQuery的...

    jquery 文本框提示标签

    jquery 文本框提示标签 此为完整的项目下载后可直接运行

    jQuery文本框联想补全自动完成插件

    jQuery文本框联想补全自动完成插件是一款非常实用的前端开发工具,它可以帮助开发者在网页的输入框中实现智能联想和自动补全功能。这个插件基于JavaScript库jQuery构建,因此,使用它之前需要确保项目中已经引入了...

    jQuery文本框输入文字自动筛选代码

    在本文中,我们将深入探讨如何使用jQuery实现一个文本框输入文字自动筛选的功能,这在许多网页应用中都是一项实用的功能,比如搜索栏、过滤列表等。这个功能的主要目的是提高用户体验,让用户在输入关键字时能够实时...

    jQuery文本框创建关键词标签代码

    在本文中,我们将深入探讨如何使用jQuery来创建一个功能丰富的文本框,该文本框能够动态地生成和管理关键词标签。这个功能广泛应用于各种网站,如社交媒体、博客平台、论坛等,帮助用户方便地组织和分类内容。 首先...

    jQuery文本框字符限制插件-TextArea Counter.docx

    《jQuery文本框字符限制插件——优化用户输入体验的实用工具》 在网页设计和开发过程中,有时我们需要对用户在文本框(TextArea)中的输入进行限制,以保证数据的规范性和一致性。例如,在评论区、表单填写等场景,...

    jquery文本框显示描述文字rar

    在本主题中,我们关注的是一个特定的jQuery特效:在文本框(input)中显示描述文字,当用户开始输入时这些文字会消失。这个功能常见于许多表单设计中,用于提示用户输入内容的类型或者格式,提供更好的用户体验。 ...

    一个jQuery文本框、文本域的长度进行验证的函数库.

    虽然jQuery已经提供了一个强大的`validate`插件来帮助开发者实现表单验证,但是该插件通常只在表单提交时触发验证逻辑。本文档介绍了一套专门用于实时验证文本框和文本域长度的jQuery函数库,它不仅可以在用户输入...

    jQuery 文本框字符限制插件 Textarea

    本文将重点介绍标题为“jQuery 文本框字符限制插件 Textarea”的相关知识点,该插件主要用于限制用户在textarea文本框中输入的字符数。 在网页设计中,有时我们需要对用户的输入进行控制,例如限制评论长度、留言...

    jQuery文本框自动联想补全特效.zip

    3. **初始化插件**:在jQuery的$(document).ready()函数中,选择要应用特效的文本框元素,然后调用插件方法,传入必要的配置参数。 4. **设置数据源**:根据项目需求,设置数据源,可以是静态数据,也可以是动态...

    jQuery文本框字符限制插件-TextArea Counter.pdf

    《jQuery文本框字符限制插件详解》 在网页设计中,常常需要对用户输入的文本进行长度限制,以保持页面的整洁和数据的一致性。jQuery作为一种强大的JavaScript库,提供了丰富的功能来帮助开发者实现这样的需求。本文...

    jQuery字符插件之适合留言板的jquery文本框输入字符限制插件下载

    这就是“jQuery字符插件之适合留言板的jquery文本框输入字符限制插件”的作用。这个插件专门用于帮助开发者实现在jQuery环境中对文本输入框的字符数量进行实时监控和限制。 jQuery是一个强大的JavaScript库,它简化...

    Jquery实现仿搜索引擎文本框自动补全插件

    **jQuery 实现仿搜索引擎文本框自动补全插件** 在 Web 开发中,为了提高用户体验,经常会在输入框中使用自动补全(Autocomplete)功能,就像我们在使用搜索引擎时,输入关键词后会看到下拉的建议列表。jQuery 是一...

    jQuery文本框输入表情符号代码.zip

    这通常指的是一个使用jQuery编写的脚本,允许用户在输入框(textarea或input[type="text"])中插入预定义的表情符号。这些表情通常以图片或Unicode字符的形式存在,通过点击或输入特定快捷键来插入。这种功能提高了...

    jQuery文本框解析渲染表情插件特效源码.zip

    《jQuery文本框解析渲染表情插件特效源码详解》 在网页开发中,与用户交互是至关重要的一环,而文本输入区域是用户表达观点、反馈信息的重要途径。为了提升用户体验,许多开发者会在文本框中集成表情功能,让用户...

    jquery文本框自动补全ajax autocomplete 完整实例

    在本文中,我们将深入探讨如何使用jQuery实现一个基于Ajax的文本框自动补全功能,以及相关的`autocomplete`插件的完整实例。这个功能在许多Web应用程序中非常常见,它能够提高用户输入的效率和用户体验。 首先,让...

    jQuery文本框输入文字放大预览代码.zip

    此外,标签"jquery特效"和"jquery插件"暗示这个代码可能包含一些视觉上的特效,例如淡入淡出、平滑过渡等,这些都是jQuery库擅长的领域。开发者可以通过添加更多的jQuery方法和动画效果,进一步增强预览的视觉吸引力...

Global site tag (gtag.js) - Google Analytics