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 相关文章推荐
Asp.net下使用Jquery Ajax传送和接收DataTable的代码
Sep 12 Javascript
封装html的select标签的js操作实例
Jul 02 Javascript
基于Node.js实现nodemailer邮件发送
Jan 26 Javascript
AngularJS使用ng-inlude指令加载页面失败的原因与解决方法
Jan 19 Javascript
angularjs ui-router中路由的二级嵌套
Mar 10 Javascript
详解webpack 配合babel 将es6转成es5 超简单实例
May 02 Javascript
ReactNative之键盘Keyboard的弹出与消失示例
Jul 11 Javascript
Vue2.0设置全局样式(less/sass和css)
Nov 18 Javascript
微信小程序自定义弹窗实现详解(可通用)
Jul 04 Javascript
完美解决vue 中多个echarts图表自适应的问题
Jul 19 Javascript
vue实现移动端input上传视频、音频
Aug 18 Javascript
Javascript中Microtask和Macrotask鲜为人知的知识点
Apr 02 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中关于抽象(abstract)类和抽象方法的问题分析
2014/01/03 PHP
Linux服务器下PHPMailer发送邮件失败的问题解决
2017/03/04 PHP
php菜单/评论数据递归分级算法的实现方法
2019/08/01 PHP
js用图作提交按钮或超连接
2008/03/26 Javascript
JavaScript this 深入理解
2009/07/30 Javascript
JavaScript 自动完成脚本整理(33个)
2009/10/20 Javascript
Extjs TriggerField在弹出窗口显示不出问题的解决方法
2010/01/08 Javascript
url 编码 js url传参中文乱码解决方案
2010/04/11 Javascript
cookie.js 加载顺序问题怎么才有效
2013/07/31 Javascript
利用jQuary实现文字浮动提示效果示例代码
2013/12/26 Javascript
javaScript对文字按照拼音排序实现代码
2013/12/27 Javascript
使用JavaScript+canvas实现图片裁剪
2015/01/30 Javascript
JavaScript插件化开发教程(六)
2015/02/01 Javascript
JS实现页面数据无限加载
2016/09/13 Javascript
Bootstrap基本组件学习笔记之列表组(11)
2016/12/07 Javascript
jQuery插件FusionCharts绘制的3D饼状图效果实例【附demo源码下载】
2017/03/03 Javascript
Bootstrap免费字体和图标网站(值得收藏)
2017/03/16 Javascript
Vue实现商品分类菜单数量提示功能
2019/07/26 Javascript
学习python的几条建议分享
2013/02/10 Python
为Python的Tornado框架配置使用Jinja2模板引擎的方法
2016/06/30 Python
Python通用循环的构造方法实例分析
2018/12/19 Python
Python如何实现强制数据类型转换
2019/11/22 Python
Python中Subprocess的不同函数解析
2019/12/10 Python
python语言的优势是什么
2020/06/17 Python
Mamas & Papas沙特阿拉伯:英国最受欢迎的婴儿品牌
2017/11/20 全球购物
丝芙兰新加坡官网:Sephora新加坡
2018/12/04 全球购物
德国购买踏板车网站:Microscooter
2019/10/14 全球购物
暑期社会实践感言
2014/02/25 职场文书
大学竞选班干部演讲稿
2014/08/21 职场文书
幼儿教师师德师风演讲稿
2014/08/22 职场文书
中小学校园安全广播稿
2014/09/29 职场文书
2014年街道办事处工作总结
2014/12/11 职场文书
银行求职信模板
2015/03/20 职场文书
白银帝国观后感
2015/06/17 职场文书
新人入职感言
2015/07/31 职场文书
django如何自定义manage.py管理命令
2021/04/27 Python