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 相关文章推荐
Javascript 个人笔记(没有整理,很乱)
Jul 07 Javascript
基于Jquery的仿照flash放大图片效果代码
Mar 16 Javascript
Firefox中beforeunload事件的实现缺陷浅析
May 03 Javascript
jquery 利用show和hidden实现级联菜单示例代码
Aug 09 Javascript
JavaScript面向对象的实现方法小结
Apr 14 Javascript
javascript省市级联功能实现方法实例详解
Oct 20 Javascript
Jquery获取当前城市的天气信息
Aug 05 Javascript
Yarn的安装与使用详细介绍
Oct 25 Javascript
详谈js中标准for循环与foreach(for in)的区别
Nov 02 Javascript
详解vue中的父子传值双向绑定及数据更新问题
Jun 13 Javascript
layui实现下拉框三级联动
Jul 26 Javascript
vue项目中使用rem,在入口文件添加内容操作
Nov 11 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
Laravel5.7 Eloquent ORM快速入门详解
2019/04/12 PHP
php获取是星期几的的一些常用姿势
2019/12/15 PHP
JQuery UI DatePicker中z-index默认为1的解决办法
2010/09/28 Javascript
js实现快速分享功能(你的文章分享工具)
2013/06/25 Javascript
jquery实现手机发送验证码的倒计时代码
2014/02/12 Javascript
jquery实现select选中行、列合计示例
2014/04/25 Javascript
jquery操作 iframe的方法
2014/12/03 Javascript
javascript实现获取字符串hash值
2015/05/10 Javascript
Jquery操作cookie记住用户名
2016/03/29 Javascript
ES6概念 Symbol toString()方法
2016/12/25 Javascript
详解webpack性能优化——DLL
2017/10/20 Javascript
JS实现的视频弹幕效果示例
2018/08/17 Javascript
优雅的在React项目中使用Redux的方法
2018/11/10 Javascript
详解Vue项目引入CreateJS的方法(亲测可用)
2019/05/30 Javascript
如何用webpack4.0撸单页/多页脚手架 (jquery, react, vue, typescript)
2019/06/18 jQuery
详解react组件通讯方式(多种)
2020/05/06 Javascript
Python加载带有注释的Json文件实例
2018/05/23 Python
Python动态生成多维数组的方法示例
2018/08/09 Python
详解python中的生成器、迭代器、闭包、装饰器
2019/08/22 Python
Python3实现发送邮件和发送短信验证码功能
2020/01/07 Python
CSS3 @keyframes简单动画实现
2018/02/24 HTML / CSS
详解HTML5 data-* 自定义属性
2018/01/24 HTML / CSS
Html5原创俄罗斯方块(基于canvas)
2019/01/07 HTML / CSS
巴西在线鞋店:Shoestock
2017/10/28 全球购物
Mio Skincare英国官网:身体紧致及孕期身体护理
2018/08/19 全球购物
澳大利亚个性化儿童礼品网站:Bright Star Kids
2019/06/14 全球购物
买房子个人收入证明
2014/01/16 职场文书
给校长的建议书
2014/03/12 职场文书
运动会跳远广播稿5篇
2014/09/17 职场文书
领导干部整治奢华浪费之风思想汇报
2014/10/07 职场文书
大连星海广场导游词
2015/02/10 职场文书
个人求职意向书
2015/05/11 职场文书
2015年学校财务工作总结
2015/05/19 职场文书
先进个人事迹材料(2016推荐版)
2016/03/01 职场文书
python函数指定默认值的实例讲解
2021/03/29 Python
Redis 彻底禁用RDB持久化操作
2021/07/09 Redis