3种Jquery限制文本框只能输入数字字母的方法


Posted in Javascript onDecember 03, 2014

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();

以上方法均可实现项目要求,大家根据自己的具体需求自由选择吧

Javascript 相关文章推荐
js word表格动态添加代码
Jun 07 Javascript
一个简单的网站访问JS计数器 刷新1次加1次访问
Sep 20 Javascript
JavaScript操纵窗口的方法小结
Jun 28 Javascript
限制textbox或textarea输入字符长度的JS代码
Oct 16 Javascript
js导出txt示例代码
Jan 14 Javascript
原生JavaScript实现合并多个数组示例
Sep 21 Javascript
node.js中的path.extname方法使用说明
Dec 09 Javascript
javascript制作的cookie封装及使用指南
Jan 02 Javascript
JavaScript代码判断点击第几个按钮
Dec 13 Javascript
限制复选框最多选择项的实现代码
May 30 Javascript
JS 在数组指定位置插入/删除数据的方法
Jan 12 Javascript
JS/jQuery实现获取时间的方法及常用类完整示例
Mar 07 jQuery
javascript引擎长时间独占线程造成卡顿的解决方案
Dec 03 #Javascript
javascript中clone对象详解
Dec 03 #Javascript
javascript使用正则表达式检测IP地址
Dec 03 #Javascript
Javascript快速排序算法详解
Dec 03 #Javascript
Javascript冒泡排序算法详解
Dec 03 #Javascript
Javascript堆排序算法详解
Dec 03 #Javascript
node.js下when.js 的异步编程实践
Dec 03 #Javascript
You might like
sae使用smarty模板的方法
2013/12/17 PHP
destoon整合ucenter后注册页面不跳转的解决方法
2014/06/21 PHP
php将服务端的文件读出来显示在web页面实例
2016/10/31 PHP
php实现评论回复删除功能
2017/05/23 PHP
Js 回车换行处理的办法及replace方法应用
2013/01/24 Javascript
jquery cookie的用法总结
2013/11/18 Javascript
jquery.idTabs 选项卡使用示例代码
2014/09/03 Javascript
JavaScript时间转换处理函数
2015/04/14 Javascript
在JavaScript中操作时间之getMonth()方法的使用
2015/06/10 Javascript
在AngularJS中使用jQuery的zTree插件的方法
2016/04/21 Javascript
AngularJS实现在ng-Options加上index的解决方法
2016/11/03 Javascript
bootstrapValidator表单验证插件学习
2016/12/30 Javascript
NodeJS链接MySql数据库的操作方法
2017/06/27 NodeJs
JS实现小球的弹性碰撞效果
2017/11/11 Javascript
vue 组件中slot插口的具体用法
2018/04/03 Javascript
JavaScript中变量提升与函数提升经典实例分析
2018/07/26 Javascript
浅谈webpack devtool里的7种SourceMap模式
2019/01/14 Javascript
Vue中常用rules校验规则(实例代码)
2019/11/14 Javascript
[03:13]DOTA2-DPC中国联赛1月25日Recap集锦
2021/03/11 DOTA
python实现问号表达式(?)的方法
2013/11/27 Python
python实现ip查询示例
2014/03/26 Python
详细解析Python中的变量的数据类型
2015/05/13 Python
python 字典 setdefault()和get()方法比较详解
2019/08/07 Python
Python selenium抓取虎牙短视频代码实例
2020/03/02 Python
python print 格式化输出,动态指定长度的实现
2020/04/12 Python
Python实现常见的几种加密算法(MD5,SHA-1,HMAC,DES/AES,RSA和ECC)
2020/05/09 Python
Python+Kepler.gl轻松制作酷炫路径动画的实现示例
2020/06/02 Python
python+selenium爬取微博热搜存入Mysql的实现方法
2021/01/27 Python
CSS3美化表单控件全集
2016/06/29 HTML / CSS
HTML5 语音搜索只需一句代码
2013/01/03 HTML / CSS
美国最大的家庭鞋类零售商之一:Shoe Carnival
2017/10/06 全球购物
生产经理的自我评价分享
2013/11/07 职场文书
岗位聘任书范文
2014/03/29 职场文书
2015年感恩母亲节的演讲稿
2015/03/18 职场文书
大学生入党自传2015
2015/06/26 职场文书
订货会主持词
2015/07/01 职场文书