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();
以上方法均可实现项目要求，大家根据自己的具体需求自由选择吧
相关文章
之前写的分页，操作时要把传的参数放到隐藏hidden中，比较麻烦，下面重新包装了一下,需要的朋友可以参考参考2014-06-06
碰到没有固定高或者固定宽或者固定高和宽的时候，我们就需要用JS去处理，去动态获取当前窗口高或者宽；今天弄了2种情况，一个是相对于屏幕窗体，一个是相对于当前的窗口，看代码2013-04-04
jQuery中的ready函数与window.onload谁先执行
这篇文章主要介绍了jquery中ready函数与window.onload函数的区别，别讲解了他们各自执行的时机，通俗易懂，需要的朋友可以参考下。2016-06-06
今天小编就为大家分享一篇jquery.param()实现数组或对象的序列化方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-10-10
jquery插件treegrid树状表格的使用方法详解（.Net平台）
本文主要介绍了jquery插件treegrid树状表格的使用方法，具有一定的参考作用，下面跟着小编一起来看下吧2017-01-01
这篇文章主要介绍了jquery与js实现全选功能的区别,需要的朋友可以参考下2017-06-06
有时候我们在前端开发工作中为了获取图片的信息，需要在图片加载完成后才可以正确的获取到图片的大小尺寸，并且执行相应的回调函数使图片产生某种显示效果。本文主要整理了几种常见的jquery判断图片加载完成时的方法2015-08-08
本文是通过nanoscrollerjs简单实现Mac OS 系统滚动条效果特效，以及本插件的使用方法和参数，非常不错，这里推荐给大家。2015-02-02
jQuery ''行 4954 错误: 不支持该属性或方法'' 的问题解决方法
这个问题只在IE下出现。诡异的是，对于出现这个问题的页面，重新刷新一下就又好了，Ajax 工作一切正常。顺便说一下，我的 jQuery 版本是 1.4.2。2011-01-01
jquery实现微博文字输入框 输入时显示输入字数 效果实现
这篇文章介绍了用jquery实现微博文字输入框 输入时显示输入字数的效果，有需要的朋友可以参考一下2013-07-07
最新评论