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 相关文章推荐
JavaScript 常用函数库详解
Oct 21 Javascript
onbeforeunload与onunload事件异同点总结
Jun 24 Javascript
jQuery 属性选择器element[herf*='value']使用示例
Oct 20 Javascript
javascript显示上周、上个月日期的处理方法
Feb 03 Javascript
JavaScript数组去重的几种方法效率测试
Oct 23 Javascript
AngularJS实现根据变量改变动态加载模板的方法
Nov 04 Javascript
javascript循环链表之约瑟夫环的实现方法
Jan 16 Javascript
vue如何引用其他组件(css和js)
Apr 13 Javascript
详解vue-cli + webpack 多页面实例应用
Apr 25 Javascript
JS之if语句对接事件动作逻辑(详解)
Jun 28 Javascript
微信小程序实现图片上传、删除和预览功能的方法
Dec 18 Javascript
关于微信公众号开发无法支付的问题解决
Dec 28 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
Discuz板块横排显示图片的实现方法
2007/05/28 PHP
收集的二十一个实用便利的PHP函数代码
2010/04/22 PHP
php中将汉字转换成拼音的函数代码
2012/09/08 PHP
PHP5.4中json_encode中文转码的变化小结
2013/01/30 PHP
CodeIgniter CLI模式简介
2014/06/17 PHP
Windows7下的php环境配置教程
2015/02/28 PHP
PHP几个实用自定义函数小结
2016/01/25 PHP
php readfile()修改文件上传大小设置
2017/08/11 PHP
JS控制表格隔行变色
2006/06/26 Javascript
javascript写的一个链表实现代码
2009/10/25 Javascript
小议javascript 设计模式 推荐
2009/10/28 Javascript
jQuery获取浏览器中的分辨率实现代码
2013/04/23 Javascript
javascript中直接写php代码的方法
2013/07/31 Javascript
基于jquery css3实现点击动画弹出表单源码特效
2015/08/31 Javascript
javascript产生随机数方法汇总
2016/01/25 Javascript
详解Matlab中 sort 函数用法
2016/03/20 Javascript
修改vue+webpack run build的路径方法
2018/09/01 Javascript
Python读取mp3中ID3信息的方法
2015/03/05 Python
python opencv判断图像是否为空的实例
2019/01/26 Python
python实现集中式的病毒扫描功能详解
2019/07/09 Python
对Python3中列表乘以某一个数的示例详解
2019/07/20 Python
python是否适合网页编程详解
2019/10/04 Python
python绘制规则网络图形实例
2019/12/09 Python
python关于调用函数外的变量实例
2019/12/26 Python
python 异步async库的使用说明
2020/05/04 Python
python 删除excel表格重复行,数据预处理操作
2020/07/06 Python
详解利用python识别图片中的条码(pyzbar)及条码图片矫正和增强
2020/11/17 Python
python Xpath语法的使用
2020/11/26 Python
纽约现代艺术博物馆商店:MoMA STORE(室内家具和杂货商品)
2016/08/02 全球购物
德国内衣、泳装和睡衣网上商店:Bigsize Dessous
2018/07/09 全球购物
物流经理自我评价
2013/09/23 职场文书
小学节能减排倡议书
2014/05/15 职场文书
个人查摆剖析材料
2014/10/04 职场文书
终止劳动合同通知书
2015/04/16 职场文书
2016教师年度考核评语大全
2015/12/01 职场文书
微信小程序scroll-view不能左右滑动问题的解决方法
2021/07/09 Javascript