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 相关文章推荐
jQuery学习5 jQuery事件模型
Feb 07 Javascript
jquery三个关闭弹出层的小示例
Nov 05 Javascript
jQuery中关于ScrollableGridPlugin.js(固定表头)插件的使用逐步解析
Jul 17 Javascript
AngularJS 中的Promise --- $q服务详解
Sep 14 Javascript
javascript 中事件冒泡和事件捕获机制的详解
Sep 01 Javascript
JavaScript满天星导航栏实现方法
Mar 08 Javascript
详解Angular6 热加载配置方案
Aug 18 Javascript
js自定义input文件上传样式
Oct 26 Javascript
微信小程序使用map组件实现解析经纬度功能示例
Jan 22 Javascript
我要点爆”微信小程序云开发之项目建立与我的页面功能实现
May 26 Javascript
如何配置vue.config.js 处理static文件夹下的静态文件
Jun 19 Javascript
vue-calendar-component 封装多日期选择组件的实例代码
Dec 04 Vue.js
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
世界咖啡生产者论坛呼吁:需要立即就咖啡价格采取认真行动
2021/03/06 咖啡文化
php MYSQL 数据备份类
2009/06/19 PHP
PHP 显示客户端IP与服务器IP的代码
2010/10/12 PHP
PHP flock 文件锁详细介绍
2012/12/29 PHP
CI(CodeIgniter)框架中的增删改查操作
2014/06/10 PHP
php进行支付宝开发中return_url和notify_url的区别分析
2014/12/22 PHP
PHP通过API获取手机号码归属地
2015/05/28 PHP
Yii 框架入口脚本示例分析
2020/05/19 PHP
PHP网页缓存技术优点及代码实例
2020/07/29 PHP
javascript 框架小结 个人工作经验
2009/06/13 Javascript
JS中判断JSON数据是否存在某字段的方法
2014/03/07 Javascript
jquery实现图片按比例缩放示例
2014/07/01 Javascript
nodejs调用cmd命令实现复制目录
2015/05/04 NodeJs
jQuery右下角旋转环状菜单特效代码
2015/08/10 Javascript
AngularJs中route的使用方法和配置
2016/02/04 Javascript
js实现简单的省市县三级联动效果实例
2016/02/18 Javascript
jQuery实现鼠标跟随提示层效果代码(可显示文本,Div,Table,Html等)
2016/04/18 Javascript
工作中常用的js、jquery自定义扩展函数代码片段汇总
2016/12/22 Javascript
React如何利用相对于根目录进行引用组件详解
2017/10/09 Javascript
nodejs搭建本地服务器轻松解决跨域问题
2018/03/21 NodeJs
jQuery中元素选择器(element)简单用法示例
2018/05/14 jQuery
如何通过shell脚本自动生成vue文件详解
2019/09/10 Javascript
vue组件 keep-alive 和 transition 使用详解
2019/10/11 Javascript
Python装饰器decorator用法实例
2014/11/10 Python
TensorFlow实现AutoEncoder自编码器
2018/03/09 Python
python爬虫获取新浪新闻教学
2018/12/23 Python
Python基础教程之if判断,while循环,循环嵌套
2019/04/25 Python
python实现复制文件到指定目录
2019/10/16 Python
python实现Pyecharts实现动态地图(Map、Geo)
2020/03/25 Python
django模板获取list中指定索引的值方式
2020/05/14 Python
中学生爱国演讲稿
2013/12/31 职场文书
教师申诉制度
2014/01/29 职场文书
竞争上岗实施方案
2014/03/21 职场文书
2014年仓库工作总结
2014/11/20 职场文书
结婚仪式主持词
2015/06/29 职场文书
Canvas绘制像素风图片的示例代码
2021/09/25 HTML / CSS