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 相关文章推荐
javascript 类方法定义还是有点区别
Apr 15 Javascript
window.open的页面如何刷新(父页面)上层页面
Dec 28 Javascript
JS判断字符串长度的5个方法(区分中文和英文)
Mar 18 Javascript
5个JavaScript经典面试题
Oct 13 Javascript
js显示文本框提示文字的方法
May 07 Javascript
AngularJS基础 ng-cloak 指令简单示例
Aug 01 Javascript
easyui取消表单实时验证,提交时统一验证的简单实例
Nov 07 Javascript
jQuery开源组件BootstrapValidator使用详解
Jun 29 jQuery
详解React Native网络请求fetch简单封装
Aug 10 Javascript
详解vue 模拟后台数据(加载本地json文件)调试
Aug 25 Javascript
vant IndexBar实现的城市列表的示例代码
Nov 20 Javascript
JavaScript中的this基本问题实例小结
Mar 09 Javascript
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
十大“创意”战术!
2020/03/04 星际争霸
PHP&amp;MYSQL服务器配置说明
2006/10/09 PHP
php文章内容分页并生成相应的htm静态页面代码
2010/06/07 PHP
Zend的AutoLoad机制介绍
2012/09/27 PHP
Codeigniter整合Tank Auth权限类库详解
2014/06/12 PHP
php实现两表合并成新表并且有序排列的方法
2014/12/05 PHP
详解WordPress中过滤链接与过滤SQL语句的方法
2015/12/18 PHP
tp框架(thinkPHP)实现三次登陆密码错误之后锁定账号功能示例
2018/05/24 PHP
jquery对表单操作2
2011/04/06 Javascript
jQuery代码优化 事件委托篇
2011/11/01 Javascript
一个简单的JS时间控件示例代码(JS时分秒时间控件)
2013/11/22 Javascript
利用javascript实现禁用网页上所有文本框,下拉菜单,多行文本域
2013/12/14 Javascript
JavaScript判断对象是否为数组
2015/12/22 Javascript
基于BootStrap的Metronic框架实现页面链接收藏夹功能按钮移动收藏记录(使用Sortable进行拖动排序)
2016/08/29 Javascript
JS常见疑难点分析之match,charAt,charCodeAt,map,search用法分析
2016/12/25 Javascript
解决Vue编译时写在style中的路径问题
2017/09/21 Javascript
Vue render深入开发讲解
2018/04/13 Javascript
Angular实现模版驱动表单的自定义校验功能(密码确认为例)
2018/05/17 Javascript
Vue-CLI 3.X 部署项目至生产服务器的方法
2019/03/22 Javascript
[01:23:59]2018DOTA2亚洲邀请赛 4.1 小组赛 B组 VP vs Secret
2018/04/03 DOTA
[01:08:44]NB vs VP 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
Python Mysql自动备份脚本
2008/07/14 Python
Python对list列表结构中的值进行去重的方法总结
2016/05/07 Python
Python 爬虫之超链接 url中含有中文出错及解决办法
2017/08/03 Python
Python OpenCV 使用滑动条来调整函数参数的方法
2019/07/08 Python
基于sklearn实现Bagging算法(python)
2019/07/11 Python
django云端留言板实例详解
2019/07/22 Python
Python下利用BeautifulSoup解析HTML的实现
2020/01/17 Python
Python3+selenium配置常见报错解决方案
2020/08/28 Python
木马的传播途径主要有哪些
2016/04/08 面试题
什么是组件架构
2016/05/15 面试题
经理职责范文
2013/11/08 职场文书
生产文员岗位职责
2014/04/05 职场文书
住房抵押登记委托书
2014/09/27 职场文书
先进工作者个人总结
2015/02/15 职场文书
一看就懂的MySQL的聚簇索引及聚簇索引是如何长高的
2021/05/25 MySQL