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 相关文章推荐
兼容IE和Firefox的javascript获取iframe文档内容的函数
Aug 15 Javascript
在子窗口中关闭父窗口的一句代码
Oct 21 Javascript
jquery.post用法关于type设置问题补充
Jan 03 Javascript
js清空form表单中的内容示例
May 20 Javascript
原生javascript实现匀速运动动画效果
Feb 26 Javascript
实例讲解JavaScript中instanceof运算符的用法
Jun 08 Javascript
JavaScript实现时间倒计时跳转(推荐)
Jun 28 Javascript
深入理解javascript的getTime()方法
Feb 16 Javascript
JavaScript实现焦点进入文本框内关闭输入法的核心代码
Sep 20 Javascript
vue 挂载路由到头部导航的方法
Nov 13 Javascript
three.js实现3D模型展示的示例代码
Dec 31 Javascript
详解vue移动端项目代码拆分记录
Mar 15 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
Terran魔法科技
2020/03/14 星际争霸
php 数组的指针操作实现代码
2011/02/08 PHP
编译PHP报错configure error Cannot find libmysqlclient under usr的解决方法
2014/06/27 PHP
php利用cookies实现购物车的方法
2014/12/10 PHP
用HTML/JS/PHP方式实现页面延时跳转的简单实例
2016/07/18 PHP
laravel请求参数校验方法
2019/10/10 PHP
向fckeditor编辑器插入指定代码的方法
2007/05/25 Javascript
使用GruntJS构建Web程序之Tasks(任务)篇
2014/06/06 Javascript
javascript中select下拉框的用法总结
2016/01/07 Javascript
jQuery Easyui DataGrid点击某个单元格即进入编辑状态焦点移开后保存数据
2016/08/15 Javascript
Javascript函数中的arguments.callee用法实例分析
2016/09/16 Javascript
vue自定义键盘信息、监听数据变化的方法示例【基于vm.$watch】
2019/03/16 Javascript
微信小程序按钮点击跳转页面详解
2019/05/06 Javascript
vue项目中引入vue-datepicker插件的详解
2019/05/14 Javascript
JS中的算法与数据结构之链表(Linked-list)实例详解
2019/08/20 Javascript
如何通过shell脚本自动生成vue文件详解
2019/09/10 Javascript
layui-table获得当前行的上/下一行数据的例子
2019/09/24 Javascript
Vue如何提升首屏加载速度实例解析
2020/06/25 Javascript
Python存取XML的常见方法实例分析
2017/03/21 Python
Python实现的矩阵类实例
2017/08/22 Python
Python导入模块时遇到的错误分析
2017/08/30 Python
理论讲解python多进程并发编程
2018/02/09 Python
通过Python 接口使用OpenCV的方法
2018/04/02 Python
解决Python中定时任务线程无法自动退出的问题
2019/02/18 Python
python爬取2021猫眼票房字体加密实例
2021/02/19 Python
中粮集团旗下食品网上购物网站:我买网
2016/09/22 全球购物
澳大利亚领先的武术用品和健身器材供应商:SMAI
2019/03/24 全球购物
奥地利度假券的专家:we-are.travel
2019/04/10 全球购物
Java面试题:Java类的Main方法如果是Private将会怎么样
2016/08/18 面试题
护士自荐信怎么写
2013/10/18 职场文书
简单而又朴实的个人求职信分享
2013/12/12 职场文书
中学生家长评语大全
2014/04/16 职场文书
工商局所长四风自我剖析及整改措施
2014/10/26 职场文书
学校清洁工岗位职责
2015/04/15 职场文书
Python 游戏大作炫酷机甲闯关游戏爆肝数千行代码实现案例进阶
2021/10/16 Python
APP界面设计技巧和注意事项
2022/04/29 杂记