3种Jquery限制文本框只能输入数字字母的方法
更新时间：2014年12月03日 15:51:30 投稿：hebedich
这篇文章主要介绍了3种Jquery限制文本框只能输入数字字母的方法,简单又实用，需要的朋友可以参考下
onlyNum()，onlyAlpha()和onlyNumAlpha()3个Jquery扩展方法
number.js
复制代码 代码如下:
// ----------------------------------------------------------------------
// <summary>
// 限制只能输入数字
// </summary>
// ----------------------------------------------------------------------
$.fn.onlyNum = function () {
$(this).keypress(function (event) {
var eventObj = event || e;
var keyCode = eventObj.keyCode || eventObj.which;
if ((keyCode >= 48 && keyCode <= 57))
return true;
else
return false;
}).focus(function () {
//禁用输入法
this.style.imeMode = 'disabled';
}).bind("paste", function () {
//获取剪切板的内容
var clipboard = window.clipboardData.getData("Text");
if (/^\d+$/.test(clipboard))
return true;
else
return false;
});
};
letter.js
复制代码 代码如下:
// ----------------------------------------------------------------------
// <summary>
// 限制只能输入字母
// </summary>
// ----------------------------------------------------------------------
$.fn.onlyAlpha = function () {
$(this).keypress(function (event) {
var eventObj = event || e;
var keyCode = eventObj.keyCode || eventObj.which;
if ((keyCode >= 65 && keyCode <= 90) || (keyCode >= 97 && keyCode <= 122))
return true;
else
return false;
}).focus(function () {
this.style.imeMode = 'disabled';
}).bind("paste", function () {
var clipboard = window.clipboardData.getData("Text");
if (/^[a-zA-Z]+$/.test(clipboard))
return true;
else
return false;
});
};
number_letter.js
复制代码 代码如下:
// ----------------------------------------------------------------------
// <summary>
// 限制只能输入数字和字母
// </summary>
// ----------------------------------------------------------------------
$.fn.onlyNumAlpha = function () {
$(this).keypress(function (event) {
var eventObj = event || e;
var keyCode = eventObj.keyCode || eventObj.which;
if ((keyCode >= 48 && keyCode <= 57) || (keyCode >= 65 && keyCode <= 90) || (keyCode >= 97 && keyCode <= 122))
return true;
else
return false;
}).focus(function () {
this.style.imeMode = 'disabled';
}).bind("paste", function () {
var clipboard = window.clipboardData.getData("Text");
if (/^(\d|[a-zA-Z])+$/.test(clipboard))
return true;
else
return false;
});
};
use.js
复制代码 代码如下:
$(function () {
// 限制使用了onlyNum类样式的控件只能输入数字
$(".onlyNum").onlyNum();
//限制使用了onlyAlpha类样式的控件只能输入字母
$(".onlyAlpha").onlyAlpha();
// 限制使用了onlyNumAlpha类样式的控件只能输入数字和字母
$(".onlyNumAlpha").onlyNumAlpha();
以上方法均可实现项目要求，大家根据自己的具体需求自由选择吧
相关文章
jQuery简单实现的HTML页面文本框模糊匹配查询功能完整示例
这篇文章主要介绍了jQuery简单实现的HTML页面文本框模糊匹配查询功能,涉及jQuery事件响应模拟列表框的下拉数据展示与隐藏,以及元素遍历、匹配等相关操作技巧,需要的朋友可以参考下2018-05-05
有些时候需要根据浏览器来写样式，所以要判断一下浏览器类型，百度了一下，才知道JQuery有个方法直接判断，并附上原生的js的判断方法，分享给大家，有需要的小伙伴可以参考下。2015-05-05
SuperSlide 是致力于实现网站统一特效调用的函数，能解决大部分标签切换、焦点图切换等效果，还能多个slide组合创造更多的效果。（兼容ie内核(包括无敌的 ie6)、webkit内核、ff、opera等主流浏览器）。2015-03-03
需要jQuery -detach 后的dom 结构或某个值，如何获取到呢？一直困惑着我们，不过本文将为大家解开疑惑，感兴趣的朋友可以了解下，或许本文对你有所帮助2013-02-02
为jquery.ui.dialog 增加“在当前鼠标位置打开”的功能
在使用jquery.ui.dialog的过程中，发现position参数有些问题，无法通过position: [PosX, PosY]动态传递位置参数。下面是官方demo 代码2009-11-11
本文整理了一些常用的特效示例，如：.jQuery fadeIn() 用于淡入已隐藏的元素、jQuery fadeToggle()方法可以在 fadeIn()与 fadeOut()方法之间进行切换等等，感兴趣的朋友可以参考下哈2013-06-06
这篇文章主要介绍了jQuery弹出div层过2秒自动消失的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-11-11
本篇文章主要是对jquery实现checkbox全选全不选的简单实例进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2013-12-12
firefox下jquery iframe刷新页面提示会导致重复之前动作
刷新页面会提示要显示此页面， Firefox 必须发送将会导致重复之前动作的数据,此问题很是疑惑,接下来将为您解答，需要的朋友可以了解下2012-12-12
jquery实现点击TreeView文本父节点展开/折叠子节点
今天客户提出要点击菜单（TreeView实现的）的父级节点时，展开节点,很多新手朋友可能对此会很陌生，接下来介绍解决方法，感兴趣的朋友可以了解下2013-01-01
最新评论