3种Jquery限制文本框只能输入数字字母的方法

前端之家收集整理的这篇文章主要介绍了3种Jquery限制文本框只能输入数字字母的方法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

onlyNum(),onlyAlpha()和onlyNumAlpha()3个Jquery扩展方法

number.js

代码如下:
// 限制只能输入数字 // // ---------------------------------------------------------------------- $.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; }); };

letter.js

代码如下:
// 限制只能输入字母 // // ---------------------------------------------------------------------- $.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; }); };

number_letter.js

代码如下:
// 限制只能输入数字和字母 // // ---------------------------------------------------------------------- $.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; }); };

use.js

代码如下:

以上方法均可实现项目要求,大家根据自己的具体需求自由选择吧

原文链接:https://www.f2er.com/jquery/57130.html

猜你在找的jQuery相关文章