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 相关文章推荐
CCPry JS类库 代码
Oct 30 Javascript
JavaScript使用IEEE 标准进行二进制浮点运算产生莫名错误的解决方法
May 28 Javascript
Dom 结点创建 基础知识
Oct 01 Javascript
如何实现chrome浏览器关闭页面时弹出“确定要离开此面吗?”
Mar 05 Javascript
js+HTML5实现视频截图的方法
Jun 16 Javascript
js实现当复选框选择匿名登录时隐藏登录框效果
Aug 14 Javascript
JS for...in 遍历语句用法实例分析
Aug 24 Javascript
angularJS利用ng-repeat遍历二维数组的实例代码
Jun 03 Javascript
Node实战之不同环境下配置文件使用教程
Jan 02 Javascript
基于node下的http小爬虫的示例代码
Jan 11 Javascript
使用svg实现动态时钟效果
Jul 17 Javascript
iconfont的三种使用方式详解
Aug 05 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
基于OpenCV的PHP图像人脸识别技术
2009/10/11 PHP
Sorting Array Values in PHP(数组排序)
2011/09/15 PHP
用PHP读取超大文件的实例代码
2012/04/01 PHP
浅析php插件 Simple HTML DOM 用DOM方式处理HTML
2013/07/01 PHP
php+mysql大量用户登录解决方案分析
2014/12/29 PHP
php正则修正符用法实例详解
2016/12/29 PHP
Mootools 1.2教程 Fx.Morph、Fx选项和Fx事件
2009/09/15 Javascript
深入理解JavaScript系列(15) 函数(Functions)
2012/04/12 Javascript
js生成验证码并直接在前端判断
2015/05/15 Javascript
使用Angular和Nodejs、socket.io搭建聊天室及多人聊天室
2015/08/21 NodeJs
关于获取DIV内部内容报错的原因分析及解决办法
2016/01/29 Javascript
JavaScript常用判断写法大全(推荐)
2016/05/30 Javascript
使用递归遍历对象获得value值的实现方法
2016/06/14 Javascript
jquery对Json的各种遍历方法总结(必看篇)
2016/09/29 Javascript
浅谈Angular的$q, defer, promise
2016/12/20 Javascript
Vuex之理解Store的用法
2017/04/19 Javascript
Vue中建立全局引用或者全局命令的方法
2017/08/21 Javascript
jQuery内容选择器与表单选择器实例分析
2019/06/28 jQuery
AngularJS动态生成select下拉框的方法实例
2019/11/17 Javascript
[51:17]Mski vs VGJ.S Supermajor小组赛C组 BO3 第三场 6.3
2018/06/04 DOTA
Python实现快速多线程ping的方法
2015/07/15 Python
Python cookbook(数据结构与算法)实现查找两个字典相同点的方法
2018/02/18 Python
HTML5微信播放全屏问题的解决方法
2017/03/09 HTML / CSS
原装进口全世界:天猫国际
2016/08/03 全球购物
英国高档百货连锁店:John Lewis
2017/11/20 全球购物
添柏岚英国官方网站:Timberland英国
2019/11/28 全球购物
中科方德软件测试面试题
2016/04/21 面试题
致铅球运动员广播稿精选
2014/01/12 职场文书
旅游个人求职信范文
2014/01/30 职场文书
安全生产先进个人材料
2014/02/06 职场文书
幼儿园家长评语大全
2014/04/16 职场文书
承诺书格式
2014/06/03 职场文书
汽修专业自荐信
2014/07/07 职场文书
党的群众路线对照检查材料
2014/08/27 职场文书
鲁滨逊漂流记读书笔记
2015/06/26 职场文书
Django数据库(SQlite)基本入门使用教程
2022/07/07 Python