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 相关文章推荐
优化RequireJS项目的相关技巧总结
Jul 01 Javascript
javascript cookie的简单应用
Feb 24 Javascript
基于javascript实现全屏漂浮广告
Mar 31 Javascript
window.onload绑定多个事件的两种解决方案
May 15 Javascript
JS版微信6.0分享接口用法分析
Oct 13 Javascript
js使用highlight.js高亮你的代码
Aug 18 Javascript
JS使用贪心算法解决找零问题示例
Nov 27 Javascript
20个最常见的jQuery面试问题及答案
May 23 jQuery
微信小程序分享海报生成的实现方法
Dec 10 Javascript
jQuery实现条件搜索查询、实时取值及升降序排序的方法分析
May 04 jQuery
搭建Vue从Vue-cli到router路由护卫的实现
Nov 14 Javascript
Element Rate 评分的使用方法
Jul 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之COOKIE支持详解
2010/09/20 PHP
PHP header函数分析详解
2011/08/06 PHP
PHP使用finfo_file()函数检测上传图片类型的实现方法
2017/04/18 PHP
ajax无刷新动态调用股票信息(改良版)
2008/11/01 Javascript
jQuery toggle()设置CSS样式
2009/11/05 Javascript
jQuery帮助之CSS尺寸(五)outerHeight、outerWidth
2009/11/14 Javascript
javascript操作cookie的文章(设置,删除cookies)
2010/04/01 Javascript
javascript获取ckeditor编辑器的值(实现代码)
2013/11/18 Javascript
javascript中数组中求最大值示例代码
2013/12/18 Javascript
常用的jQuery前端技巧收集
2014/12/24 Javascript
基于jquery实现无限级树形菜单
2016/03/22 Javascript
基于BootStrap Metronic开发框架经验小结【五】Bootstrap File Input文件上传插件的用法详解
2016/05/12 Javascript
纯JavaScript手写图片轮播代码
2016/10/20 Javascript
vue中渐进过渡效果实现
2016/10/27 Javascript
Vue.js第一天学习笔记(数据的双向绑定、常用指令)
2016/12/01 Javascript
对比分析Django的Q查询及AngularJS的Datatables分页插件
2017/02/07 Javascript
javascript 作用于作用域链的详解
2017/09/27 Javascript
基于js中this和event 的区别(详解)
2017/10/24 Javascript
vue中element-ui表格缩略图悬浮放大功能的实例代码
2018/06/26 Javascript
vue项目中使用scss的方法步骤
2019/05/16 Javascript
Vue实现穿梭框效果
2020/09/30 Javascript
解决await在forEach中不起作用的问题
2021/02/25 Javascript
python下载微信公众号相关文章
2019/02/26 Python
python2和python3在处理字符串上的区别详解
2019/05/29 Python
使用浏览器访问python写的服务器程序
2019/10/10 Python
Python英文文章词频统计(14份剑桥真题词频统计)
2019/10/13 Python
Python 求数组局部最大值的实例
2019/11/26 Python
使用HTML5在网页中嵌入音频和视频播放的基本方法
2016/02/22 HTML / CSS
高中毕业自我鉴定范文
2013/10/02 职场文书
材料专业毕业生求职信
2014/02/26 职场文书
签约仪式主持词
2014/03/19 职场文书
班级标语大全
2014/06/21 职场文书
会计专业自荐书
2014/07/08 职场文书
党支部特色活动方案
2014/08/20 职场文书
新店开张宣传语
2015/07/13 职场文书
Python 如何安装Selenium
2021/05/06 Python