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 相关文章推荐
jquery实现的一个导航滚动效果具体代码
May 27 Javascript
javascript多物体运动实现方法分析
Jan 08 Javascript
基于zepto的移动端轻量级日期插件--date_picker
Mar 04 Javascript
js遍历map javaScript遍历map的简单实现
Aug 26 Javascript
浅谈EasyUi ComBotree树修改 父节点选择的问题
Nov 07 Javascript
Mobile Web开发基础之四--处理手机设备的横竖屏问题
Aug 11 Javascript
基于Vue单文件组件详解
Sep 15 Javascript
详解async/await 异步应用的常用场景
May 13 Javascript
js根据后缀判断文件文件类型的代码
May 09 Javascript
jQuery实现简单三级联动效果
Sep 05 jQuery
webstorm建立vue-cli脚手架的傻瓜式教程
Sep 22 Javascript
Element-UI 使用el-row 分栏布局的教程
Oct 26 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
用javascript实现在小方框中浏览大图的代码
2007/08/14 Javascript
javascript之可拖动的iframe效果代码
2008/08/01 Javascript
JavaScript和JQuery实用代码片段(一)
2010/04/07 Javascript
基于jquery的button默认enter事件(回车事件)。
2011/05/18 Javascript
基于jquery的用鼠标画出可移动的div
2012/09/06 Javascript
JQuery的read函数与js的onload不同方式实现
2013/03/18 Javascript
js检测用户输入密码强度
2015/10/22 Javascript
日常收藏的jquery技巧
2015/12/02 Javascript
JavaScript程序设计之JS调试
2015/12/09 Javascript
vue 中引用gojs绘制E-R图的方法示例
2018/08/24 Javascript
js监听html页面的上下滚动事件方法
2018/09/11 Javascript
layer.msg()去掉默认时间,实现手动关闭的方法
2019/09/12 Javascript
layui 富文本图片上传接口与普通按钮 文件上传接口的例子
2019/09/23 Javascript
Vue实现开心消消乐游戏算法
2019/10/22 Javascript
JS中准确判断变量类型的方法
2020/06/01 Javascript
vue v-for出来的列表,点击某个li使得当前被点击的li字体变红操作
2020/07/17 Javascript
[01:14]3.19DOTA2发布会 三代刀塔人第二代
2014/03/25 DOTA
[50:54]完美世界DOTA2联赛 GXR vs IO 第三场 11.07
2020/11/10 DOTA
python获取Linux下文件版本信息、公司名和产品名的方法
2014/10/05 Python
Python脚本判断 Linux 是否运行在虚拟机上
2015/04/25 Python
详解Django框架中的视图级缓存
2015/07/23 Python
深入理解Python 关于supper 的 用法和原理
2018/02/28 Python
tensorflow 输出权重到csv或txt的实例
2018/06/14 Python
Python OpenCV读取png图像转成jpg图像存储的方法
2018/10/28 Python
Python面向对象之类和对象实例详解
2018/12/10 Python
浅谈Python编程中3个常用的数据结构和算法
2019/04/30 Python
Python音频操作工具PyAudio上手教程详解
2019/06/26 Python
python 统计list中各个元素出现的次数的几种方法
2021/02/20 Python
善意的谎言事例
2014/02/15 职场文书
采购类个人求职的自我评价
2014/02/18 职场文书
大学军训感言400字
2014/03/11 职场文书
兴趣小组活动总结
2014/05/05 职场文书
2014年乡镇工会工作总结
2014/12/02 职场文书
redis中lua脚本使用教程
2021/11/01 Redis
Redis官方可视化工具RedisInsight安装使用教程
2022/04/19 Redis
python blinker 信号库
2022/05/04 Python