/**
* @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);
分享到:
相关推荐
此插件通过JavaScript库jQuery实现,它提供了特定的动态行为,如文本框的聚焦、失焦以及内容变化时的响应。 在页面加载完成后,插件会自动对所有`<input type="text">`元素设置初始值。这个初始值可以作为提示信息...
jQuery文本框联想补全自动完成插件,jQuery文本框联想补全自动完成插件,jQuery文本框联想补全自动完成插件,jQuery文本框联想补全自动完成插件,jQuery文本框联想补全自动完成插件,jQuery文本框联想补全自动完成...
《jQuery文本框插入表情插件详解》 在Web开发中,增强用户交互体验是至关重要的。其中,允许用户在文本框内插入表情符号已经成为一种流行趋势,尤其在社交媒体和聊天应用中。今天我们将深入探讨一个基于jQuery的...
jquery 文本框提示标签 此为完整的项目下载后可直接运行
jQuery文本框联想补全自动完成插件是一款非常实用的前端开发工具,它可以帮助开发者在网页的输入框中实现智能联想和自动补全功能。这个插件基于JavaScript库jQuery构建,因此,使用它之前需要确保项目中已经引入了...
在本文中,我们将深入探讨如何使用jQuery实现一个文本框输入文字自动筛选的功能,这在许多网页应用中都是一项实用的功能,比如搜索栏、过滤列表等。这个功能的主要目的是提高用户体验,让用户在输入关键字时能够实时...
在本文中,我们将深入探讨如何使用jQuery来创建一个功能丰富的文本框,该文本框能够动态地生成和管理关键词标签。这个功能广泛应用于各种网站,如社交媒体、博客平台、论坛等,帮助用户方便地组织和分类内容。 首先...
《jQuery文本框字符限制插件——优化用户输入体验的实用工具》 在网页设计和开发过程中,有时我们需要对用户在文本框(TextArea)中的输入进行限制,以保证数据的规范性和一致性。例如,在评论区、表单填写等场景,...
在本主题中,我们关注的是一个特定的jQuery特效:在文本框(input)中显示描述文字,当用户开始输入时这些文字会消失。这个功能常见于许多表单设计中,用于提示用户输入内容的类型或者格式,提供更好的用户体验。 ...
虽然jQuery已经提供了一个强大的`validate`插件来帮助开发者实现表单验证,但是该插件通常只在表单提交时触发验证逻辑。本文档介绍了一套专门用于实时验证文本框和文本域长度的jQuery函数库,它不仅可以在用户输入...
本文将重点介绍标题为“jQuery 文本框字符限制插件 Textarea”的相关知识点,该插件主要用于限制用户在textarea文本框中输入的字符数。 在网页设计中,有时我们需要对用户的输入进行控制,例如限制评论长度、留言...
3. **初始化插件**:在jQuery的$(document).ready()函数中,选择要应用特效的文本框元素,然后调用插件方法,传入必要的配置参数。 4. **设置数据源**:根据项目需求,设置数据源,可以是静态数据,也可以是动态...
《jQuery文本框字符限制插件详解》 在网页设计中,常常需要对用户输入的文本进行长度限制,以保持页面的整洁和数据的一致性。jQuery作为一种强大的JavaScript库,提供了丰富的功能来帮助开发者实现这样的需求。本文...
这就是“jQuery字符插件之适合留言板的jquery文本框输入字符限制插件”的作用。这个插件专门用于帮助开发者实现在jQuery环境中对文本输入框的字符数量进行实时监控和限制。 jQuery是一个强大的JavaScript库,它简化...
**jQuery 实现仿搜索引擎文本框自动补全插件** 在 Web 开发中,为了提高用户体验,经常会在输入框中使用自动补全(Autocomplete)功能,就像我们在使用搜索引擎时,输入关键词后会看到下拉的建议列表。jQuery 是一...
这通常指的是一个使用jQuery编写的脚本,允许用户在输入框(textarea或input[type="text"])中插入预定义的表情符号。这些表情通常以图片或Unicode字符的形式存在,通过点击或输入特定快捷键来插入。这种功能提高了...
《jQuery文本框解析渲染表情插件特效源码详解》 在网页开发中,与用户交互是至关重要的一环,而文本输入区域是用户表达观点、反馈信息的重要途径。为了提升用户体验,许多开发者会在文本框中集成表情功能,让用户...
在本文中,我们将深入探讨如何使用jQuery实现一个基于Ajax的文本框自动补全功能,以及相关的`autocomplete`插件的完整实例。这个功能在许多Web应用程序中非常常见,它能够提高用户输入的效率和用户体验。 首先,让...
此外,标签"jquery特效"和"jquery插件"暗示这个代码可能包含一些视觉上的特效,例如淡入淡出、平滑过渡等,这些都是jQuery库擅长的领域。开发者可以通过添加更多的jQuery方法和动画效果,进一步增强预览的视觉吸引力...