JS限制文本框只能输入数字和字母方法
更新时间：2015年02月28日 08:59:57 投稿：junjie
这篇文章主要介绍了JS限制文本框只能输入数字和字母方法,本文给出了限制只能输入数字、限制只能输入字母、限制只能输入数字和字母3种脚本,需要的朋友可以参考下
限制只能输入数字
复制代码 代码如下:
// ----------------------------------------------------------------------
// <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对象访问器Getter及Setter原理解析
这篇文章主要介绍了JavaScript对象访问器Getter及Setter原理解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-12-12
用YUI做了个标签浏览效果...2007-02-02
Bootstrap 模态框多次显示后台提交多次BUG的解决方法
本篇文章主要介绍了Bootstrap 模态框多次显示后台提交多次BUG的解决方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-12-12
本篇文章主要介绍了Javascript中字符串相关常用的使用方法。具有很好的参考价值。下面跟着小编一起来看下吧2017-03-03
在本篇文章里小编给大家分享了关于JavaScript中import用法知识点，有需要的朋友们可以学习下。2019-01-01
作为一项有意思的新技术，canvas给我们带来了对网页绘图和网页动画的新革命。本文简单介绍下canvas实用的功能，下面跟着小编一起来看下吧2017-01-01
这篇文章主要介绍了JavaScript提升性能的常用技巧,结合实例形式总结分析了JavaScript编程中常见的性能提升优化技巧,涉及作用域、循环、变量、DOM及函数节流等,非常具有实用价值,需要的朋友可以参考下2016-06-06
这篇文章主要为大家详细介绍了javascript实现计算器功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-03-03
对于javascript的开发人员来说，多浏览器的支持性，一直是个问题，每次都要经过测试，多个浏览器，才能使用下面一些常见的一些注意事项。2009-01-01
JavaScript提供了4种函数调用,一般形式的函数调用、作为对象的方法调用、使用 call 和 apply 动态调用、使用 new 间接调用,下面这篇文章主要给大家介绍了关于JavaScript函数调用的相关资料,需要的朋友可以参考下2021-12-12
最新评论