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 相关文章推荐
JSON 教程 json入门学习笔记
Sep 22 Javascript
JavaScript中的replace()方法使用详解
Jun 06 Javascript
javascript中eval解析JSON字符串
Feb 27 Javascript
checkbox批量选中,获取选中项的值的简单实例
Jun 28 Javascript
详解堆的javascript实现方法
Nov 29 Javascript
基于JavaScript实现弹幕特效
Aug 27 Javascript
Vue源码解析之Template转化为AST的实现方法
Dec 14 Javascript
详解jQuery设置内容和属性
Apr 11 jQuery
详解Vue底部导航栏组件
May 02 Javascript
React+TypeScript+webpack4多入口配置详解
Aug 08 Javascript
JS扁平化输出数组的2种方法解析
Sep 17 Javascript
element-ui table行点击获取行索引(index)并利用索引更换行顺序
Feb 27 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正则+Snoopy抓取框架实现的抓取淘宝店信誉功能实例
2017/05/17 PHP
PHP中常见的密码处理方式和建议总结
2018/10/14 PHP
PHP的PDO预处理语句与存储过程
2019/01/27 PHP
JavaScript var声明变量背后的原理示例解析
2013/10/12 Javascript
jquery ajax 简单范例(界面+后台)
2013/11/19 Javascript
javascript 按键事件(兼容各浏览器)
2013/12/20 Javascript
js选项卡的实现方法
2015/02/09 Javascript
Jquery 1.9.1源码分析系列(十二)之筛选操作
2015/12/02 Javascript
jquery对象访问是什么及使用方法介绍
2016/05/03 Javascript
把普通对象转换成json格式的对象的简单实例
2016/07/04 Javascript
基于JS实现仿百度百家主页的轮播图效果
2017/03/06 Javascript
浅谈Webpack 是如何加载模块的
2018/05/24 Javascript
Bootstrap fileinput 上传新文件移除时触发服务器同步删除的配置
2018/10/08 Javascript
Vue 组件注册实例详解
2019/02/23 Javascript
element-ui表格合并span-method的实现方法
2019/05/21 Javascript
微信小程序自定义tabbar custom-tab-bar 6s出不来解决方案(cover-view不兼容)
2019/11/01 Javascript
微信小程序中的上拉、下拉菜单功能
2020/03/13 Javascript
JavaScript JSON使用原理及注意事项
2020/07/30 Javascript
Python使用bs4获取58同城城市分类的方法
2015/07/08 Python
Python中列表和元组的使用方法和区别详解
2020/12/30 Python
Python 专题四 文件基础知识
2017/03/20 Python
python中利用xml.dom模块解析xml的方法教程
2017/05/24 Python
Python Django Vue 项目创建过程详解
2019/07/29 Python
python剪切视频与合并视频的实现
2020/03/03 Python
python使用gdal对shp读取,新建和更新的实例
2020/03/10 Python
python实例化对象的具体方法
2020/06/17 Python
Manjaro、pip、conda更换国内源的方法
2020/11/17 Python
解决pytorch 保存模型遇到的问题
2021/03/03 Python
荷兰之家英文站:Holland at Home
2016/10/26 全球购物
加拿大时尚床上用品零售商:QE Home | Quilts Etc
2018/01/22 全球购物
美国家居装饰店:Pier 1
2019/09/04 全球购物
新奥尔良珠宝:Mignon Faget
2020/11/23 全球购物
学校社会实践活动总结
2014/07/03 职场文书
领导干部群众路线教育实践活动个人对照检查材料
2014/09/23 职场文书
故意杀人案辩护词
2015/05/21 职场文书
领导激励员工的演讲稿,各种会上用得到,建议收藏
2019/08/13 职场文书