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模板实现方法
Apr 27 Javascript
ExtJs中简单的登录界面制作方法
Aug 19 Javascript
微博@符号的用户名提示效果。(想@到谁?)
Nov 05 Javascript
JS 自定义带默认值的函数
Jul 21 Javascript
JS简单循环遍历json数组的方法
Apr 22 Javascript
JS实现点击事件统计的简单实例
Jul 10 Javascript
完美的js图片轮换效果
Feb 05 Javascript
vue项目搭建以及全家桶的使用详细教程(小结)
Dec 19 Javascript
微信小程序MUI侧滑导航菜单示例(Popup弹出式,左侧滑动,右侧不动)
Jan 23 Javascript
JS学习笔记之原型链和利用原型实现继承详解
May 29 Javascript
ES6学习笔记之let与const用法实例分析
Jan 22 Javascript
Js类的构建与继承案例详解
Sep 15 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中3种方法统计字符串中每种字符的个数并排序
2012/08/27 PHP
PHP实现图片自动清理的方法
2015/07/08 PHP
浅谈PHP中output_buffering
2015/07/13 PHP
php实现word转html的方法
2016/01/22 PHP
Laravel 添加多语言提示信息的方法
2019/09/29 PHP
php的单例模式及应用场景详解
2021/02/27 PHP
基于jquery的图片懒加载js
2010/06/30 Javascript
自写的一个jQuery圆角插件
2010/10/26 Javascript
js中巧用cssText属性批量操作样式
2011/03/13 Javascript
js 第二代身份证号码的验证机制代码
2011/05/12 Javascript
jQuery仿Excel表格编辑功能的实现代码
2013/05/01 Javascript
jquery和javascript中如何将一元素的内容赋给另一元素
2014/01/09 Javascript
jquery实现html页面 div 假分页有原理有代码
2014/09/06 Javascript
jquery+css实现的红色线条横向二级菜单效果
2015/08/22 Javascript
纯js实现手风琴效果
2020/04/17 Javascript
原生js代码实现图片放大境效果
2016/10/30 Javascript
微信小程序 wxapp地图 map详解
2016/10/31 Javascript
根据Bootstrap Paginator改写的js分页插件
2016/12/25 Javascript
将 vue 生成的 js 上传到七牛的实例
2017/07/28 Javascript
label+input实现按钮开关切换效果的实例
2017/08/16 Javascript
vue v-model实现自定义样式多选与单选功能
2018/07/05 Javascript
解决vue打包css文件中背景图片的路径问题
2018/09/03 Javascript
详解微信小程序框架wepy踩坑记录(与vue对比)
2019/03/12 Javascript
vue 查看dist文件里的结构(多种方式)
2020/01/17 Javascript
JavaScript定时器使用方法详解
2020/03/26 Javascript
微信小程序通过websocket实时语音识别的实现代码
2020/08/19 Javascript
selenium 反爬虫之跳过淘宝滑块验证功能的实现代码
2020/08/27 Javascript
使用Typescript开发微信小程序的步骤详解
2021/01/12 Javascript
在Python下利用OpenCV来旋转图像的教程
2015/04/16 Python
Python字符串逐字符或逐词反转方法
2015/05/21 Python
在matplotlib的图中设置中文标签的方法
2018/12/13 Python
对Python中class和instance以及self的用法详解
2019/06/26 Python
HTML5注册表单的自动聚焦与占位文本示例代码
2013/07/19 HTML / CSS
世界顶级户外运动品牌折扣网站:LeftLane Sports
2019/06/12 全球购物
2015大学生入党个人自传
2015/06/26 职场文书
JS Canvas接口和动画效果大全
2021/04/29 Javascript