Posted in Javascript onDecember 03, 2014
onlyNum(),onlyAlpha()和onlyNumAlpha()3个Jquery扩展方法
number.js
// ---------------------------------------------------------------------- // <summary> // 限制只能输入数字 // </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; }); };
letter.js
// ---------------------------------------------------------------------- // <summary> // 限制只能输入字母 // </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; }); };
number_letter.js
// ---------------------------------------------------------------------- // <summary> // 限制只能输入数字和字母 // </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; }); };
use.js
$(function () { // 限制使用了onlyNum类样式的控件只能输入数字 $(".onlyNum").onlyNum(); //限制使用了onlyAlpha类样式的控件只能输入字母 $(".onlyAlpha").onlyAlpha(); // 限制使用了onlyNumAlpha类样式的控件只能输入数字和字母 $(".onlyNumAlpha").onlyNumAlpha();
以上方法均可实现项目要求,大家根据自己的具体需求自由选择吧
3种Jquery限制文本框只能输入数字字母的方法
- Author -
hebedich声明:登载此文出于传递更多信息之目的,并不意味着赞同其观点或证实其描述。
Reply on: @reply_date@
@reply_contents@