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 options属性集合操作代码
Dec 28 Javascript
Javascript学习笔记8 用JSON做原型
Jan 11 Javascript
一个背景云变换js特效 鼠标移动背景云变化
Dec 28 Javascript
iframe子父页面调用js函数示例
Nov 07 Javascript
jquery实现模拟百分比进度条渐变效果代码
Oct 29 Javascript
使用Jasmine和Karma对AngularJS页面程序进行测试
Mar 05 Javascript
Angular.js回顾ng-app和ng-model使用技巧
Apr 26 Javascript
JS中如何比较两个Json对象是否相等实例代码
Jul 13 Javascript
AngularJS基础 ng-cloak 指令简单示例
Aug 01 Javascript
微信小程序中多个页面传参通信的学习与实践
May 05 Javascript
jQuery动态移除与增加onclick属性的方法详解
Jun 07 jQuery
详解wepy开发小程序踩过的坑(小结)
May 22 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
php 购物车实例(申精)
2009/05/11 PHP
php中去除所有js,html,css代码
2010/10/12 PHP
几个有用的php字符串过滤,转换函数代码
2012/05/01 PHP
php使用CURL不依赖COOKIEJAR获取COOKIE的方法
2015/06/17 PHP
浅析PHP中的 inet_pton 网络函数
2019/12/16 PHP
PHP使用openssl扩展实现加解密方法示例
2020/02/20 PHP
JQuery autocomplete 使用手册
2010/04/01 Javascript
ajax更新数据后,jquery、jq失效问题
2011/03/16 Javascript
关于js数组去重的问题小结
2014/01/24 Javascript
提升jQuery的性能需要做好七件事
2016/01/11 Javascript
Window.Open打开窗体和if嵌套代码
2016/04/15 Javascript
原生JS实现风箱式demo,并封装了一个运动框架(实例代码)
2016/07/22 Javascript
js控制div层的叠加简单方法
2016/10/15 Javascript
微信小程序表单验证插件WxValidate的二次封装功能(终极版)
2019/09/03 Javascript
javascript实现摄像头拍照预览
2019/09/30 Javascript
浅谈vue异步数据影响页面渲染
2019/10/29 Javascript
jQuery中getJSON跨域原理的深入讲解
2020/09/02 jQuery
python中bisect模块用法实例
2014/09/25 Python
收集的几个Python小技巧分享
2014/11/22 Python
在Python中使用__slots__方法的详细教程
2015/04/28 Python
Python 实现的 Google 批量翻译功能
2019/08/26 Python
python实现超级玛丽游戏
2020/03/18 Python
PyCharm+Pipenv虚拟环境开发和依赖管理的教程详解
2020/04/16 Python
为中国消费者甄选天下优品:网易严选
2016/08/11 全球购物
Dr.Jart+美国官网:韩国药妆品牌
2019/01/18 全球购物
.NET笔试题(20个问题)
2016/02/02 面试题
大学生专科学习生活的自我评价
2013/12/07 职场文书
高校教师自荐信范文
2014/03/13 职场文书
双创工作实施方案
2014/03/26 职场文书
小学生学习雷锋倡议书
2014/05/15 职场文书
冬季安全检查方案
2014/05/23 职场文书
物资采购方案
2014/06/12 职场文书
教师作风建设剖析材料
2014/10/11 职场文书
教师学习三严三实心得体会
2014/10/13 职场文书
同意转租证明
2015/06/24 职场文书
2016中秋晚会开幕词
2016/03/03 职场文书