JS限制文本框只能输入数字和字母方法


Posted in Javascript onFebruary 28, 2015

限制只能输入数字

// ----------------------------------------------------------------------

// <summary>

// 限制只能输入数字

// demo: $(".onlyNum").onlyNum(); 限制使用了onlyNum类样式的控件只能输入数字

// </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;

    });

};

限制只能输入字母

// ----------------------------------------------------------------------

// <summary>

// 限制只能输入字母

// demo:  $(".onlyAlpha").onlyAlpha(); 限制使用了onlyNumAlpha类样式的控件只能输入数字和字母

// </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;

    });

};

限制只能输入数字和字母

// ----------------------------------------------------------------------

// <summary>

// 限制只能输入数字和字母

// demo: $(".onlyNumAlpha").onlyNumAlpha(); 限制使用了onlyNumAlpha类样式的控件只能输入数字和字母

// </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;

    });

};
Javascript 相关文章推荐
js 创建快捷方式的代码(fso)
Nov 19 Javascript
js对列表中第一个值处理与jsp页面对列表中第一个值处理的区别详解
Nov 05 Javascript
Javasipt:操作radio标签详解
Dec 30 Javascript
jQuery height()、innerHeight()、outerHeight()函数的区别详解
May 23 Javascript
js实现PC端根据IP定位当前城市地理位置
Feb 22 Javascript
jQuery模拟淘宝购物车功能
Feb 27 Javascript
vue组件实现文字居中对齐的方法
Aug 23 Javascript
layui框架中layer父子页面交互的方法分析
Nov 15 Javascript
使用异步组件优化Vue应用程序的性能
Apr 28 Javascript
详解如何使用router-link对象方式传递参数?
May 02 Javascript
你了解vue3.0响应式数据怎么实现吗
Jun 07 Javascript
layUI使用layer.open,在content打开数据表格,获取值并返回的方法
Sep 26 Javascript
javascript计时器详解
Feb 28 #Javascript
Lab.js初次使用笔记
Feb 28 #Javascript
js实现鼠标感应图片展示的方法
Feb 27 #Javascript
JQuery基础语法小结
Feb 27 #Javascript
JS实现网页背景颜色与select框中颜色同时变化的方法
Feb 27 #Javascript
分析了一下JQuery中的extend方法实现原理
Feb 27 #Javascript
JS实现在页面随时自定义背景颜色的方法
Feb 27 #Javascript
You might like
解析php中array_merge与array+array的区别
2013/06/21 PHP
PHP中的use关键字概述
2014/07/23 PHP
基于PHP+jQuery+MySql实现红蓝(顶踩)投票代码
2015/08/25 PHP
Javascript实例教程(19) 使用HoTMetal(2)
2006/12/23 Javascript
通过DOM脚本去设置样式信息
2010/09/19 Javascript
ExtJs事件机制基本代码模型和流程解析
2010/10/24 Javascript
收集的一些Array及String原型对象的扩展实现代码
2010/12/05 Javascript
struts2+jquery+json实现异步加载数据(自写)
2013/06/24 Javascript
JS实现匀速运动的代码实例
2013/11/29 Javascript
javascript中的throttle和debounce浅析
2014/06/06 Javascript
JavaScript实现点击文字切换登录窗口的方法
2015/05/11 Javascript
关于TypeScript模块导入的那些事
2018/06/12 Javascript
解决vue同一slot在组件中渲染多次的问题
2018/09/06 Javascript
详解js创建对象的几种方法及继承
2019/04/12 Javascript
基于layui轮播图满屏是高度自适应的解决方法
2019/09/16 Javascript
jquery弹窗时禁止body滚动条滚动的例子
2019/09/21 jQuery
vue中实现动态生成二维码的方法
2020/02/21 Javascript
JavaScript鼠标拖拽事件详解
2020/04/03 Javascript
javascript实现文字跑马灯效果
2020/06/18 Javascript
[50:28]2018DOTA2亚洲邀请赛 3.31 小组赛 A组 Newbee vs KG
2018/04/01 DOTA
python的几种开发工具介绍
2007/03/07 Python
解决每次打开pycharm直接进入项目的问题
2018/10/28 Python
Python序列对象与String类型内置方法详解
2019/10/22 Python
nginx搭建基于python的web环境的实现步骤
2020/01/03 Python
Python 删除List元素的三种方法remove、pop、del
2020/11/16 Python
CSS3系列教程:背景图片(背景大小和多背景图) 应用说明
2012/12/19 HTML / CSS
CSS3实现曲线阴影和翘边阴影
2016/05/03 HTML / CSS
美国婚礼和派对礼品网站:Kate Aspen(新娘送礼会、迎婴派对)
2018/03/28 全球购物
实习自我评价怎么写
2013/12/02 职场文书
手机被没收检讨书
2014/02/22 职场文书
乡镇创先争优活动总结
2014/08/28 职场文书
司机工作自我鉴定
2014/09/19 职场文书
社区务虚会发言材料
2014/10/20 职场文书
新郎婚礼答谢词
2015/01/04 职场文书
运动会新闻报道稿
2015/07/22 职场文书
使用HttpSessionListener监听器实战
2022/03/17 Java/Android