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 AJAX 框架的使用方法
Nov 03 Javascript
对Jquery中的ajax再封装,简化操作示例
Feb 12 Javascript
如何将网页表格内容导入excel
Feb 18 Javascript
Extjs的FileUploadField文件上传出现了两个上传按钮
Apr 29 Javascript
分享一则JavaScript滚动条插件源码
Mar 03 Javascript
用JavaScript动态建立或增加CSS样式表的实现方法
May 20 Javascript
Three.js如何实现雾化效果示例代码
Sep 27 Javascript
p5.js入门教程和基本形状绘制
Mar 15 Javascript
vue.js使用v-model指令实现的数据双向绑定功能示例
May 22 Javascript
微信小程序实现类似微信点击语音播放效果
Mar 30 Javascript
微信小程序通过一个json实现分享朋友圈图片
Sep 03 Javascript
微信小程序实现拖拽功能
Sep 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
PHP输出数组中重名的元素的几种处理方法
2012/09/05 PHP
JavaScript 学习笔记(十五)
2010/01/28 Javascript
在jquery中处理带有命名空间的XML数据
2011/06/13 Javascript
浅析jQuery(function(){})与(function(){})(jQuery)之间的区别
2014/01/09 Javascript
jquery实现弹出层登录和全屏层注册特效
2015/08/28 Javascript
整理Javascript基础入门学习笔记
2015/11/29 Javascript
jQuery Validate初步体验(二)
2015/12/12 Javascript
浅析JS中对函数function的理解(基础篇)
2016/10/14 Javascript
使用Node.js给图片加水印的方法
2016/11/15 Javascript
js实现canvas保存图片为png格式并下载到本地的方法
2017/08/31 Javascript
Vue开发之watch监听数组、对象、变量操作分析
2019/04/25 Javascript
JavaScript 实现自己的安卓手机自动化工具脚本(推荐)
2020/05/13 Javascript
一个简单的python程序实例(通讯录)
2013/11/29 Python
Python中用函数作为返回值和实现闭包的教程
2015/04/27 Python
常见python正则用法的简单实例
2016/06/21 Python
为Python的Tornado框架配置使用Jinja2模板引擎的方法
2016/06/30 Python
Python利用flask sqlalchemy实现分页效果
2020/08/02 Python
解决vscode python print 输出窗口中文乱码的问题
2018/12/03 Python
python 读取竖线分隔符的文本方法
2018/12/20 Python
Python3.5 + sklearn利用SVM自动识别字母验证码方法示例
2019/05/10 Python
基于Django signals 信号作用及用法详解
2020/03/28 Python
Pycharm激活方法及详细教程(详细且实用)
2020/05/12 Python
python3的pip路径在哪
2020/06/23 Python
宿舍使用违章电器检讨书
2014/01/12 职场文书
合作经营协议书范本
2014/04/17 职场文书
学生干部培训方案
2014/06/12 职场文书
学校社会实践活动总结
2014/07/03 职场文书
不遵守课堂纪律的检讨书
2014/09/24 职场文书
离婚协议书格式
2014/11/21 职场文书
2016年母亲节广告语
2016/01/28 职场文书
大学生创业,为什么都会选择快餐饮?
2019/08/08 职场文书
JavaScript嵌入百度地图API的最详细方法
2021/04/16 Javascript
goland 恢复已更改文件的操作
2021/04/28 Golang
python opencv旋转图片的使用方法
2021/06/04 Python
详解python的异常捕获
2022/03/03 Python
Redis高并发缓存架构性能优化
2022/05/15 Redis