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 相关文章推荐
效率高的Javscript字符串替换函数的benchmark
Aug 02 Javascript
Prototype 学习 工具函数学习($w,$F方法)
Jul 12 Javascript
鼠标拖拽移动子窗体的JS实现
Feb 25 Javascript
js获取客户端网卡的IP地址、MAC地址
Mar 26 Javascript
window.print打印指定div指定网页指定区域的方法
Aug 04 Javascript
javascript表单验证和Window详解
Dec 11 Javascript
JS+CSS实现带小三角指引的滑动门效果
Sep 22 Javascript
javascript判断复选框是否选中的方法
Oct 16 Javascript
实例详解JSON取值(key是中文或者数字)方式
Aug 24 Javascript
babel之配置文件.babelrc入门详解
Feb 22 Javascript
JS快速实现简单计算器
Apr 08 Javascript
JS forEach跳出循环2种实现方法
Jun 24 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加水印的代码(支持半透明透明打水印,支持png透明背景)
2013/01/17 PHP
php 获取今日、昨日、上周、本月的起始时间戳和结束时间戳的方法
2013/09/28 PHP
php版淘宝网查询商品接口代码示例
2014/06/17 PHP
ThinkPHP惯例配置文件详解
2014/07/14 PHP
PHPer 需要了解的 5 个 Composer 小技巧
2014/08/18 PHP
phpword插件导出word文件时中文乱码问题处理方案
2014/08/19 PHP
php检测url是否存在的方法
2015/04/14 PHP
PHP6连接SQLServer2005的三部曲
2016/04/15 PHP
Yii输入正确验证码却验证失败的解决方法
2017/06/06 PHP
javascript下string.format函数补充
2010/08/24 Javascript
jquery 元素控制(追加元素/追加内容)介绍及应用
2013/04/21 Javascript
jquery基础教程之数组使用详解
2014/03/10 Javascript
FF(火狐)浏览器无法执行window.close()解决方案
2014/11/13 Javascript
Eclipse编辑jsp、js文件时卡死现象的解决办法汇总
2016/02/02 Javascript
xmlplus组件设计系列之列表(4)
2017/04/26 Javascript
vue2.0 实现导航守卫(路由守卫)
2018/05/21 Javascript
JS实现checkbox互斥(单选)功能示例
2019/05/04 Javascript
vue+element_ui上传文件,并传递额外参数操作
2020/12/05 Vue.js
[59:08]DOTA2上海特级锦标赛C组小组赛#2 LGD VS Newbee第一局
2016/02/27 DOTA
介绍Python中内置的itertools模块
2015/04/29 Python
利用Django内置的认证视图实现用户密码重置功能详解
2017/11/24 Python
pycharm运行scrapy过程图解
2019/11/22 Python
python数据预处理 :数据抽样解析
2020/02/24 Python
使用phonegap创建联系人的实现方法
2017/03/30 HTML / CSS
美国学校校服,儿童和婴儿服装:Cookie’s Kids
2016/10/14 全球购物
女装和独特珠宝:Sundance Catalog
2018/09/19 全球购物
几道PHP的面试题
2012/05/19 面试题
机电一体化专业应届本科生求职信
2013/09/27 职场文书
党员组织关系介绍信
2014/02/13 职场文书
酒店值班经理的工作职责范本
2014/02/18 职场文书
2014客服代表实习自我鉴定
2014/09/18 职场文书
乡镇干部个人对照检查材料思想汇报(原创篇)
2014/09/28 职场文书
幼儿园大班个人总结
2015/02/28 职场文书
基于python实现银行管理系统
2021/04/20 Python
使用qt quick-ListView仿微信好友列表和聊天列表的示例代码
2021/06/13 Python
【DOTA2】高能暴走TK秀!PSG LGD vs ASTER - DPC 2022 WINTER TOUR CN
2022/04/02 DOTA