js_文本框输入限制

JS限制⽂本框只能输⼊数字和字母⽅法限制只能输⼊数字复制代码代码如下:// ----------------------------------------------------------------------// <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;elsereturn false;}).focus(function () {//禁⽤输⼊法this.style.imeMode = 'disabled';}).bind("paste", function () {//获取剪切板的内容var clipboard = window.clipboardData.getData("Text");if (/^\d+$/.test(clipboard))return true;elsereturn 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;elsereturn false;}).focus(function () {this.style.imeMode = 'disabled';}).bind("paste", function () {var clipboard = window.clipboardData.getData("Text");if (/^[a-zA-Z]+$/.test(clipboard))return true;elsereturn 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;elsereturn 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;elsereturn false;});};。

jspinput限制输入JS判断只能是数字和小数点1.文本框只能输入数字代码(小数点也不能输入)2.只能输入数字,能输小数点.3.数字和小数点方法二4.只能输入字母和汉字5.只能输入英文字母和数字,不能输入中文6.只能输入数字和英文chun7.小数点后只能有最多两位(数字,中文都可输入),不能输入字母和运算符号:8.小数点后只能有最多两位(数字,字母,中文都可输入),可以输入运算符号:只能是数字和小数点和加减乘際onkeypress="returnevent.keyCode>=4&&event.keyCode<=57"截取页面关闭方法：onbeforeunload=function(){..........}// 验证数据是否重复function checkSth(arr) {var repeat = {}; //记录重复的数字及重复次数var len = arr.length;if(len > 1) { //数组长度小于2时，不可能出现重复的情况var temp = arr.slice(0); //复制数组到一个临时变量for(var i = 0; i < len; i++) {temp[i] = arr[i].toString().split('').sort().join(''); //将数组中的每个数都按大小重排(321 -> 123)}temp.sort(); //整个数组重排，使相同的数排列在一起var j = 0;var id;while(j < temp.length - 1) {id = temp[j];if(id == temp[j + 1]) { //比较当前第j个数与数组的下一个数是否相同,如果相同，则删除第j个数repeat[id] = repeat[id]? repeat[id] + 1 : 1;temp.splice(j, 1);} else { //如果不相同，则将第j+1个数作为比较对像j += 1;}}}return repeat;}// 判断系列数据是否重复function checkxlfiled4save(){var s = ["001","002","003","004","005","006","002","003","001","003"];var result = checkSth(s);var res = "";for(each in result) {res+="系列编码："+each +"重复，重复次数为：" + result[each]+"\n";}return res;}implement消除提示@SuppressWarnings({ "unchecked", "deprecation", "rawtypes" })action消除提示@SuppressWarnings({ "unchecked", "rawtypes" }) 有set对象的entity或者是service接口@SuppressWarnings("rawtypes")。

js禁止输入的方法在JavaScript中，可以使用各种方法来禁止输入，以下是一些常用的方法：1.使用HTML属性和CSS样式禁用输入：在HTML中，可以使用`readonly`属性或`disabled`属性来禁止输入。

例如：```html<input type="text" readonly><input type="text" disabled>```除了`readonly`和`disabled`属性外，还可以使用CSS样式来禁用输入。

例如：```html<style>.disabledpointer-events: none;background-color: #f2f2f2;}</style><input type="text" class="disabled">```2. 使用JavaScript禁用输入：在JavaScript中，可以通过修改`disabled`属性或`readOnly`属性来禁用输入。

例如：```javascriptdocument.getElementById("myInput").disabled = true;document.getElementById("myInput").readOnly = true;```3. 使用JavaScript事件来禁止输入：可以使用JavaScript事件来捕获并阻止用户的输入。

例如，可以使用`onkeydown`、`onkeypress`和`onpaste`事件来禁止用户输入、粘贴等操作。

例如：```html<input type="text" onkeydown="return false;"><input type="text" onkeypress="return false;"><input type="text" onpaste="return false;">```4. 使用JavaScript禁用输入框的鼠标右键菜单：可以使用`oncontextmenu`事件和`preventDefault(`方法来禁用输入框的鼠标右键菜单。

自己制作最完美的限制多文本框输入字数的代码要制作一个限制多文本框输入字数的代码，可以使用JavaScript来实现。

以下是一个简单的示例：HTML代码：```html<textarea id="textarea1" rows="4" cols="50"maxlength="100"></textarea><textarea id="textarea2" rows="4" cols="50"maxlength="200"></textarea>```JavaScript代码：```javascript//获取文本框元素var textarea1 = document.getElementById("textarea1");var textarea2 = document.getElementById("textarea2");//监听输入事件textarea1.addEventListener("input", functio//获取输入的文本内容var text = textarea1.value;//检查文本长度是否超过限制if (text.length > textarea1.maxLength)//如果超过限制，截断文本textarea1.value = text.slice(0, textarea1.maxLength);}});textarea2.addEventListener("input", functiovar text = textarea2.value;if (text.length > textarea2.maxLength)textarea2.value = text.slice(0, textarea2.maxLength);}});```在上面的示例中，我们首先通过`getElementById`方法获取了两个文本框的元素，然后使用`addEventListener`方法来监听输入事件。

JS通过正则限制input输⼊框只能输⼊整数、⼩数（⾦额或者现⾦）第⼀：限制只能是整数[js]1. <input type = "text" name= "number" id = 'number' onkeyup= "if(! /^d+$/.test(this.value)){alert('只能整数');this.value='';}" />如果不是整数就直接alert第⼆：限制是两位的⼩数[js]1. <input type = "text" name= "price" id = 'price' onkeyup= "if( ! /^d*(?:.d{0,2})?$/.test(this.value)){alert('只能输⼊数字，⼩数点后只能保留两位');this.value='';}" />原理：通过正则表达式判断，不满⾜执⾏alert。

第⼀个正则表达式是 /^d+$/ 表⽰可以是⼀个或者多个数字第⼆个正则表达式是[js]1. /^d*(?:.d{0,2})?$/表⽰必须是数字开头，数字结尾。

这⾥重点是要数字结尾，在计算机中通常⼩数 1. , 2. 这种写法，就是可是⼩数点结尾的，是正确的。

这⾥强制让数字结尾。

test()只要找到满⾜的部分就返回真。

意思是是[js]1. /d/. test ( 'a' ) // false2. /d/. test ( 'a' ) // true3. /d/. test ( 'a' ) // true所以要保证谁开头谁结尾。

开头⽤ $, 结尾⽤ ^下⾯给⼤家介绍js正则限制input框输⼊的常⽤代码1.只能输⼊数字和英⽂的：[js]1. <input onkeyup="value=value.replace(/[\W]/g,'') "2. onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"3. ID="Text1" NAME="Text1">2.只能输⼊数字的：[js]1. <input onkeyup="value=value.replace(/[^\d]/g,'') "2. onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"3. ID="Text2" NAME="Text2">3.只能输⼊全⾓的：[js]1. <input onkeyup="value=value.replace(/[^\uFF00-\uFFFF]/g,'')"2. onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\uFF00-\uFFFF]/g,''))"3. ID="Text3" NAME="Text3">4.只能输⼊汉字的：[js]1. <input onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')"2. onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))"3. ID="Text4" NAME="Text4">5.邮件地址验证：[js]1. var regu =2. "^(([0-9a-zA-Z]+)|([0-9a-zA-Z]+[_.0-9a-zA-Z-]*[0-9a-zA-Z]+))@([a-zA-Z0-9-]+[.])+([a-zA-Z]{2}|net|NET|com|COM|gov|GOV|mil|MIL|org|ORG|edu|EDU|int|INT)$"3. var re = new RegExp(regu);4. if (s.search(re) != -1) {5. return true;6. } else {7. window.alert ("请输⼊有效合法的E-mail地址！")8. return false;9. }6.⾝份证：[js]1. "^\\d{17}(\\d|x)$"2. 7.17种正则表达式3. "^\\d+$" //⾮负整数（正整数 + 0）4. "^[0-9]*[1-9][0-9]*$" //正整数5. "^((-\\d+)|(0+))$" //⾮正整数（负整数 + 0）6. "^-[0-9]*[1-9][0-9]*$" //负整数7. "^-?\\d+$" //整数8. "^\\d+(\\.\\d+)?$" //⾮负浮点数（正浮点数 + 0）9. "^(([0-9]+\\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\\.[0-9]+)|([0-9]*[1-9][0-9]*))$" //正浮点数10. "^((-\\d+(\\.\\d+)?)|(0+(\\.0+)?))$" //⾮正浮点数（负浮点数 + 0）11. "^(-(([0-9]+\\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\\.[0-9]+)|([0-9]*[1-9][0-9]*)))$" //负浮点数12. "^(-?\\d+)(\\.\\d+)?$" //浮点数13. "^[A-Za-z]+$" //由26个英⽂字母组成的字符串14. "^[A-Z]+$" //由26个英⽂字母的⼤写组成的字符串15. "^[a-z]+$" //由26个英⽂字母的⼩写组成的字符串16. "^[A-Za-z0-9]+$" //由数字和26个英⽂字母组成的字符串17. "^\\w+$" //由数字、26个英⽂字母或者下划线组成的字符串18. "^[\\w-]+(\\.[\\w-]+)*@[\\w-]+(\\.[\\w-]+)+$" //email地址19. "^[a-zA-z]+://(\\w+(-\\w+)*)(\\.(\\w+(-\\w+)*))*(\\?\\S*)?$" //url1.取消按钮按下时的虚线框 在input⾥添加属性值 hideFocus 或者 HideFocus=true2.只读⽂本框内容在input⾥添加属性值 readonly3.防⽌退后清空的TEXT⽂档(可把style内容做做为类引⽤)[js]1. <INPUT style=behavior:url(#default#savehistory); type=text2. d=oPersistInput>4.ENTER键可以让光标移到下⼀个输⼊框[js]1. <input onkeydown="if(event.keyCode==13)event.keyCode=9" >5.只能为中⽂(有闪动)[js]1. <input onkeyup="value="/value.replace(/[" -~]/g,'')"2. nkeydown="if(event.keyCode==13)event.keyCode=9">6.只能为数字(有闪动)[js]1. <input onkeyup="value="/value.replace(/["^\d]/g,'')2. nbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">7.只能为数字(⽆闪动)[js]1. <input ime-mode:disabled"2. onkeydown="if(event.keyCode==13)event.keyCode=9" onKeypress="if3. ((event.keyCode<48 || event.keyCode>57)) event.returnValue=false">8.只能输⼊英⽂和数字(有闪动)[js]1. <input onkeyup="value="/value.replace(/[\W]/g,"'')"2. onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">9.屏蔽输⼊法[js]1. <input type="text" name="url" ime-mode:disabled"2. keydown="if(event.keyCode==13)event.keyCode=9">10. 只能输⼊数字，⼩数点，减号（-）字符(⽆闪动)[js]1. <input onKeyPress="if (event.keyCode!=46 && event.keyCode!=45 &&2. event.keyCode<48 || event.keyCode>57)) event.returnValue=false">11. 只能输⼊两位⼩数，三位⼩数(有闪动)[js]1. <input maxlength=92. onkeyup="if(value.match(/^\d{3}$/))value="/value.replace(value,parseInt(value/10))"3. ;value="/value.replace(/\.\d*\./g,'."')" onKeyPress="if((event.keyCode<484. || event.keyCode>57) && event.keyCode!=46 && event.keyCode!=45 ||5. value.match(/^\d{3}$/) || /\.\d{3}$/.test(value))6. {event.returnValue=false}" id=text_kfxe name=text_kfxe>7. <p style="">密码的强度必须是包含⼤⼩写字母和数字的组合，不能使⽤特殊字符，长度在8-10之间。

1.var reg = /^(\w|[\u4E00-\u9FA5])*$/;if(arr=username.match(reg)){ti=1;return ture;}else{alert("用户名只允许为英文，数字和汉字的混合,\n请检查是否前后有空格或者其他符号");ti=0;return false;}2.利用正则表达式限制网页表单里的文本框输入内容：用正则表达式限制只能输入中文：onkeyup="value=value.replace(/[^\u4E00-\u9FA5] /g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\ u4E00-\u9FA5]/g,''))"用正则表达式限制只能输入全角字符： onkeyup="value=value.replace(/[^\uFF00-\uFFFF] /g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\ uFF00-\uFFFF]/g,''))"用正则表达式限制只能输入数字：onkeyup="value=value.replace(/[^\d] /g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\ d]/g,''))"用正则表达式限制只能输入数字和英文：onkeyup="value=value.replace(/[\W] /g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\ d]/g,''))"posted on 2006-07-20 13:34 奚明亮阅读(351) 评论(1) 编辑收藏引用收藏至365Key评论# re: JS判断数字/字母/中文 2006-07-20 13:43 阿奚数字<script>function check(){if(!isNaN(document.all.form.str.value)){alert("数字");}</script>字母<script>function check(){var str = /[_a-zA-Z]/;if(str.test(document.all.form.str.value)){alert("字母");}}</script><form name="form" action="" onsubmit="return check();"> <input type=text name=str><input type=submit><form>-------------------------------------------------------------------------------- /^[0-9a-zA-Z]+$/--------------------------------------------------------------------------------/*** 一些常用的javascript函数(方法)** 为便于使用，均书写成String对象的方法* 把他保存为.js文件，可方便的扩展字符串对象的功能** 方法名功能* ----------- --------------------------------* Trim 删除首位空格* Occurs 统计指定字符出现的次数* isDigit 检查是否由数字组成* isAlpha 检查是否由数字字母和下划线组成* isNumber 检查是否为数* lenb 返回字节数* isInChinese 检查是否包含汉字* isEmail 简单的email检查* isDate 简单的日期检查，成功返回日期对象* isInList 检查是否有列表中的字符字符* isInList 检查是否有列表中的字符字符*//*** 删除首尾空格 ***/String.prototype.Trim = function() {return this.replace(/(^\s*)|(\s*$)/g, "");}/*** 统计指定字符出现的次数 ***/String.prototype.Occurs = function(ch) {// var re = eval("/[^"+ch+"]/g");// return this.replace(re, "").length;return this.split(ch).length-1;}/*** 检查是否由数字组成 ***/String.prototype.isDigit = function() {var s = this.Trim();return (s.replace(/\d/g, "").length == 0);}/*** 检查是否由数字字母和下划线组成 ***/String.prototype.isAlpha = function() {return (this.replace(/\w/g, "").length == 0);}/*** 检查是否为数 ***/String.prototype.isNumber = function() {var s = this.Trim();return (s.search(/^[+-]?[0-9.]*$/) >= 0);}/*** 返回字节数 ***/String.prototype.lenb = function() {return this.replace(/[^\x00-\xff]/g,"**").length;}/*** 检查是否包含汉字 ***/String.prototype.isInChinese = function() {return (this.length != this.replace(/[^\x00-\xff]/g,"**").length); }/*** 简单的email检查 ***/String.prototype.isEmail = function() {var strr;var mail = this;var re = /(\w+@\w+\.\w+)(\.{0,1}\w*)(\.{0,1}\w*)/i;re.exec(mail);if(RegExp.$3!="" && RegExp.$3!="." && RegExp.$2!=".")strr = RegExp.$1+RegExp.$2+RegExp.$3;elseif(RegExp.$2!="" && RegExp.$2!=".")strr = RegExp.$1+RegExp.$2;elsestrr = RegExp.$1;return (strr==mail);}/*** 简单的日期检查，成功返回日期对象 ***/String.prototype.isDate = function() {var p;var re1 = /(\d{4})[年./-](\d{1,2})[月./-](\d{1,2})[日]?$/;var re2 = /(\d{1,2})[月./-](\d{1,2})[日./-](\d{2})[年]?$/;var re3 = /(\d{1,2})[月./-](\d{1,2})[日./-](\d{4})[年]?$/;if(re1.test(this)) {p = re1.exec(this);return new Date(p[1],p[2],p[3]);}if(re2.test(this)) {p = re2.exec(this);return new Date(p[3],p[1],p[2]);}if(re3.test(this)) {p = re3.exec(this);return new Date(p[3],p[1],p[2]);}return false;}/*** 检查是否有列表中的字符字符 ***/String.prototype.isInList = function(list) {var re = eval("/["+list+"]/");return re.test(this);}js正则表达式限制文本框只能输入数字,小数点,英文字母,汉字等各类代码1.文本框只能输入数字代码(小数点也不能输入)<input onkeyup="this.value=this.value.replace(/\D/g,'')"onafterpaste="this.value=this.value.replace(/\D/g,'')">2.只能输入数字,能输小数点.<input onkeyup="if(isNaN(value))execCommand('undo')"onafterpaste="if(isNaN(value))execCommand('undo')"><input name=txt1 onchange="if(/\D/.test(this.value)){alert('只能输入数字');this.value='';}"> 3.数字和小数点方法二<input type=text t_value="" o_value=""onkeypress="if(!this.value.match(/^[\+\-]?\d*?\.?\d*?$/))this.value=this.t_value;else this.t_value=this.value;if(this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?)?$/))this.o_value=this. value" onkey up="if(!this.value.match(/^[\+\-]?\d*?\.?\d*?$/))this.value=this.t_value;else this.t_value=this.value;if(this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?)?$/))this.o_value=this. value"onblur="if(!this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?|\.\d*?)?$/))this.value=this.o_value; else{if(this.value.match(/^\.\d+$/))this.value=0+this.value;if(this.value.match(/^\.$/))this. value=0;this.o_value=this.value}">4.只能输入字母和汉字<input onkeyup="value=value.replace(/[\d]/g,'')"onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[\d]/g,'') )" maxlength=10 name="Numbers">5.只能输入英文字母和数字,不能输入中文<input onkeyup="value=value.replace(/[^\w\.\/]/ig,'')">6.只能输入数字和英文<font color="Red">chun</font><input onKey Up="value=value.replace(/[^\d|chun]/g,'')">7.小数点后只能有最多两位(数字,中文都可输入),不能输入字母和运算符号:<input onKey Press="if((event.key Code<48 || event.key Code>57) && event.key Code!=46 || /\.\d\d$/.test(value))event.returnValue=false">8.小数点后只能有最多两位(数字,字母,中文都可输入),可以输入运算符号:<input onkeyup="this.value=this.value.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3')"> ————————————————————————————————————————只能输入汉字：<input onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')"onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E0 0-\u9FA5]/g,''))">只能输入数字：<input onkeyup="value=value.replace(/[^\d]/g,'')"onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,' '))">只能输入英文和数字：<input onkeyup="value=value.replace(/[\W]/g,'')"onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,' '))">控制输入框只能输入文字或数字，也可以不允许输入特殊字符这里不允许输入如下字符: (像!@#$%^&* 等)<br><textarea rows=2 cols=20 name=comments onKeypress="if ((event.key Code > 32 && event.key Code < 48) || (event.key Code > 57 && event.key Code < 65) || (event.key Code > 90 && event.key Code < 97)) event.returnValue = false;">只禁止空格输入onkeyup="value=value.replace(/\s/g,'')"只能输入中文和英文：onkeyup="value=value.replace(/[^\a-zA-Z\u4E00-\u9FA5]/g,'')"onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\a-zA-Z\u4E00-\u9FA5]/g,''))"亲爱的朋友，上文已完，为感谢你的阅读，特加送另一篇范文，如果下文你不需要，可以下载后编辑删除，谢谢！道路施工方案1、工程概况2、编制说明及编制依据3、主要施工方法及技术措施3．1施工程序3．2施工准备3．3定位放线3. 4土方开挖3．5卵石路基施工3．6天然砾基层施工3. 7高强聚酯土工格楞3．8水泥稳定砂砾基层施工3．9路缘石施工3. 10玻璃纤维土工格栅施工3．11沥青面层施工3. 12降水施工4、质量控制措施5、雨季施工安排6、安全技术措施1.工程概况本项目建设的厂址位于新疆石河子市。

js实现⽂本框输⼊⽂字个数限制代码通常情况下，⽂本框输⼊的⽂字个数并不是⽆限制的，⼀般都会限定⼀个输⼊最⾼上限，较为⼈性化的⽹站可能会有可输⼊字数倒计效果，⽐如还剩余20可以输⼊这样的提⽰，下⾯就通过⼀个实例介绍⼀下如何实现此效果。

先看看效果图：代码如下:<html><head><title>⽂本框输⼊⽂字倒计效果代码</title><style type="text/css">*{margin:0;padding:0;}.box{width:500px;margin:10px auto;}p span{color:#069;font-weight:bold;}textarea{width:300px;}.textColor{background-color:#0C9;}.grey{padding:5px;color:#FFF;background-color:#CCCCCC;}</style><script type="text/javascript" src="jQuery/jquery-1.8.3.js"></script><script type="text/javascript">$(function(){var $tex=$(".tex");var $but=$(".but");var ie=jQuery.support.htmlSerialize;var str=0;var abcnum=0;var maxNum=280;var texts=0;$tex.val("");$tex.focus(function(){if($tex.val()==""){$("p").html("您还可以输⼊的字数<span>140</span>");}})$tex.blur(function(){if($tex.val() == ""){$("p").html("请在下⾯输⼊您的⽂字：");}})if(ie){$tex[0].oninput = changeNum;}else{$tex[0].onpropertychange = changeNum;}function changeNum(){//汉字的个数str=($tex.val().replace(/\w/g,"")).length;//⾮汉字的个数abcnum=$tex.val().length-str;total=str*2+abcnum;if(str*2+abcnum<maxNum||str*2+abcnum==maxNum){$but.removeClass()$but.addClass("but");texts=Math.ceil((maxNum-(str*2+abcnum))/2);$("p").html("您还可以输⼊的字数<span>"+texts+"</span>").children().css({"color":"blue"}); }else if(str*2+abcnum>maxNum){$but.removeClass("")$but.addClass("grey");texts =Math.ceil(((str*2+abcnum)-maxNum)/2);$("p").html("您输⼊的字数超过了<span>"+texts+"</span>").children("span").css({"color":"red"}); }}})</script></head><body><div class="box"><p>请在下⾯输⼊您的⽂字：</p><textarea name="weibao" class="tex" cols="" rows="8"></textarea></div></body></html>希望本⽂所述对⼤家学习javascript程序设计有所帮助。

js控制⽂本框禁⽌输⼊特殊字符详解在开发难免遇到⼀些前端需要验证输⼊的数据是否合法的问题，收集分享在这⾥同学们使⽤，欢迎补充。

1.标签上直接替换⽅法：JS 控制不能输⼊特殊字符<input type="text"class="domain"onkeyup="this.value=this.value.replace(/[^u4e00-u9fa5w]/g,'')"；this.value=this.value.replace(/[^u4e00-u9fa5w]/g,'')JS 控制⽂本框只能输⼊数字<input onkeyup="value=value.replace(/[^0-9]/g,'')" onpaste="value=value.replace(/[^0-9]/g,'')" oncontextmenu = "value=value.replace(/[^0-9]/g,'')">JS 控制⽂本框只能输⼊数字、⼩数点<input onkeyup="value=value.replace(/[^\0-9\.]/g,'')" onpaste="value=value.replace(/[^\0-9\.]/g,'')" oncontextmenu = "value=value.replace(/[^\0-9\.]/g,'')">JS 控制⽂本框只能输⼊英⽂<input onkeyup="value=value.replace(/[^\a-\z\A-\Z]/g,'')" onpaste="value=value.replace(/[^\a-\z\A-\Z]/g,'')" oncontextmenu = "value=value.replace(/[^\a-\z\A-\Z]/g,'')">JS 控制⽂本框只能输⼊英⽂、数字<input onkeyup="value=value.replace(/[^\a-\z\A-\Z0-9]/g,'')" onpaste="value=value.replace(/[^\a-\z\A-\Z0-9]/g,'')" oncontextmenu = "value=value.replace(/[^\a-\z\A-\Z0-9]/g,'')">JS 控制⽂本框只能输⼊中⽂<input onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" onpaste="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" oncontextmenu = "value=value.replace(/[^\u4E00-\u9FA5]/g,'')">JS 控制⽂本框只能输⼊中⽂、英⽂、数字<input onkeyup="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5]/g,'')" onpaste="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5]/g,'')" oncontextmenu = "value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5]/g,'')"> JS 控制⽂本框只能输⼊中⽂、英⽂、数字、空格<input onkeyup="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\ ]/g,'')" onpaste="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\ ]/g,'')" oncontextmenu = "value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\ ]/g,'')"> JS 控制⽂本框只能输⼊中⽂、英⽂、数字、⼩数点<input onkeyup="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\.]/g,'')" onpaste="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\.]/g,'')" oncontextmenu = "value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\.]/g,'')"> 2.输⼊之后⽴即清除：//验证输⼊框内不能输⼊特殊字符,输⼊就⽴刻清除function cleanSpelChar(th){if(/["'<>%;)(&+]/.test(th.value)){$(th).val(th.value.replace(/["'<>%;)(&+]/,""));}}3.如果是特殊字符，禁⽌输⼊：//验证输⼊框内不能输⼊特殊字符，输⼊前先作判断function processSpelChar(){var code; var character;if(document.all){code = window.event.keyCode;}else{code = arguments.callee.caller.arguments[0].which;}var character = String.fromCharCode(code);var txt = new RegExp(/["'<>%;)(&+]/);if(txt.test(character)){if(document.all){window.event.returnValue = false;}else{arguments.callee.caller.arguments[0].preventDefault();}}}以上就是本⽂的全部内容，希望本⽂的内容对⼤家的学习或者⼯作能带来⼀定的帮助，同时也希望多多⽀持！。

⽤js实现在⽂本框中检测字数和限制字数功能⽅法⼀：在⽂本框能区分并限制中⽂英⽂字数功能⾸先，既然要限制字数，肯定要想办法实时获取⽤户在⽂本框⾥输⼊的⽂字的数量。

input控件有个length的属性，可以⽅便地获取字数。

可是，它所返回的字数⽆论是中⽂还是英⽂或者数字，1个字就算1个字。

客户要限制字数的原因是为了页⾯显⽰的时候排版不会乱，因此⼀个汉字需要按2个英⽂字符来计算。

这样的话，这个默认的length失效了。

怎么区分中⽂和英⽂呢？string对象有⼀个叫charCodeAt(index)的⽅法，可以获取字符串中某⼀个字符的编码。

因为字母数字的ascii编码都⼩于255⽽汉字的编码肯定⼤于255，因此我们可以使⽤此⽅法来判断字符串占⽤多少英⽂字符的宽度。

效果如下图：代码：$('.titleArea').keyup(function () {var hidTitleWordNum = parseInt($('.hidTitleWordNum').val());var titleAreaVal = $('.titleArea').val();var sum = 0;for (var i = 0; i < titleAreaVal.length; i++) {if ((titleAreaVal.charCodeAt(i) >= 0) && (titleAreaVal.charCodeAt(i) <= 255)) {sum = sum + 1;} else {sum = sum + 2;}if (sum > hidTitleWordNum) {alert("输⼊数据超长！不能再输⼊数据。

");var str = titleAreaVal.substring(0, i);$('.titleArea').val(str);$('.titleWordNum').text(hidTitleWordNum - getLength($('.titleArea').val()));break;} else {$('.titleWordNum').text(hidTitleWordNum - getLength($('.titleArea').val()));}}});。

JS正则表达式控制⽂本框只能输⼊中⽂、英⽂、数字与指定特殊符号JS 正则表达式控制⽂本框只能输⼊中⽂、英⽂、数字与指定特殊符号（屏蔽表情输⼊）onkeyup:释放键盘事件onpaste：粘贴事件oncontextmenu ：⿏标右击事件只能输⼊中⽂：οnkeyup="this.value=this.value.replace(/[^\u4e00-\u9fa5\w]/g,'')"只能输⼊数字：οnkeyup="value=value.replace(/[^\d]/g,'') "只能输⼊数字和字母：οnkeyup="value=value.replace(/[\W]/g,'') "JS控制只能输⼊⼩写英⽂和数字οnkeyup="value=value.replace(/[^\a-z\0-9]/g,'') "禁⽌输⼊特殊字符：onkeyup="value=value.replace(/[\W]/g,'')"οnkeyup="value=value.replace(/[^u4e00-u9fa5w]/g,'')"JS 控制⽂本框只能输⼊数字input οnkeyup="value=value.replace(/[^0-9]/g,'')" οnpaste="value=value.replace(/[^0-9]/g,'')" oncontextmenu = "value=value.replace(/[^0-9]/g,'')"JS 控制⽂本框只能输⼊数字、⼩数点input οnkeyup="value=value.replace(/[^\0-9\.]/g,'')" οnpaste="value=value.replace(/[^\0-9\.]/g,'')" oncontextmenu ="value=value.replace(/[^\0-9\.]/g,'')">JS 控制⽂本框只能输⼊英⽂input οnkeyup="value=value.replace(/[^\a-\z\A-\Z]/g,'')" οnpaste="value=value.replace(/[^\a-\z\A-\Z]/g,'')" oncontextmenu ="value=value.replace(/[^\a-\z\A-\Z]/g,'')">JS 控制⽂本框只能输⼊英⽂、数字input οnkeyup="value=value.replace(/[^\a-\z\A-\Z0-9]/g,'')" οnpaste="value=value.replace(/[^\a-\z\A-\Z0-9]/g,'')" oncontextmenu = "value=value.replace(/[^\a-\z\A-\Z0-9]/g,'')">JS 控制⽂本框只能输⼊中⽂input οnkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" οnpaste="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" oncontextmenu = "value=value.replace(/[^\u4E00-\u9FA5]/g,'')">JS 控制⽂本框只能输⼊中⽂、英⽂、数字input οnkeyup="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5]/g,'')" οnpaste="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5]/g,'')" oncontextmenu = "value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5]/g,'')">JS 控制⽂本框只能输⼊中⽂、英⽂、数字、空格input οnkeyup="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\ ]/g,'')" οnpaste="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\ ]/g,'')" oncontextmenu = "value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\ ]/g,'')">JS 控制⽂本框只能输⼊中⽂、英⽂、数字、⼩数点input οnkeyup="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\.]/g,'')" οnpaste="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\.]/g,'')" oncontextmenu = "value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\.]/g,'')">总⽽⾔之:先在input标签⾥输⼊οnkeyup="value=value.replace(/[^\X]/g,'')" 然后在(/[\X]/g,'')⾥的X换成你想输⼊的代码就可以了,中⽂u4E00-u9FA5，数字0-9，英⽂a-z\A-Z，其它符号@、点或其它符号。

js去除输入框中所有的空格和禁止输入空格的方法在 JavaScript 中，我们可以使用不同的方法来去除输入框中的空格和禁止输入空格。

以下是一些常用的方法：方法一：使用正则表达式可以使用正则表达式来匹配并替换字符串中的空格。

```javascriptvar input = document.getElementById("myInput");input.addEventListener("input", functiothis.value = this.value.replace(/\s/g, "");});```上述代码中，我们首先通过 `getElementById` 方法获取到输入框的元素，然后使用 `addEventListener` 方法来监听输入框的 `input` 事件。

每当输入框的值发生变化时，我们使用 `replace` 方法来将字符串中的空格替换为空字符串。

方法二：使用字符串的 `split` 和 `join` 方法可以使用字符串的 `split` 方法将字符串按空格分割成数组，然后使用 `join` 方法将数组合并成一个字符串。

```javascriptvar input = document.getElementById("myInput");input.addEventListener("input", functiothis.value = this.value.split(" ").join("");});```上述代码中，我们使用 `split` 方法将字符串按空格分割成数组，然后使用 `join` 方法将数组合并成一个字符串，并将其赋值为输入框的值。

方法三：使用字符串的 `replace` 方法可以使用字符串的 `replace` 方法来替换所有的空格。

js限制⽂本框输⼊长度两种限制⽅式（长度、字节数）：1.实时显⽰可输⼊的字数（字节数）2.两种限制⽅式（长度、字节数）3.中⽂输⼊法下可正常使⽤，⽆BUG4.同⼀页⾯可以使⽤多个，相互不⼲扰复制代码代码如下:function limit(){var txtNote;//⽂本框var txtLimit;//提⽰字数的inputvar limitCount;//限制的字数var isbyte;//是否使⽤字节长度限制（1汉字=2字符）var txtlength;//到达限制时，字符串的长度var txtByte;this.init=function(){txtNote=this.txtNote;txtLimit=this.txtLimit;limitCount=this.limitCount;isbyte=this.isbyte;txtNote.onkeydown=function(){wordsLimit()};txtNote.onkeyup=function(){wordsLimit()};txtLimit.value=limitCount;}function wordsLimit(){var noteCount=0;if(isbyte){noteCount=txtNote.value.replace(/[^/x00-/xff]/g,"xx").length}else{noteCount=txtNote.value.length}if(noteCount>limitCount){if(isbyte){txtNote.value=txtNote.value.substring(0,txtlength+Math.floor((limitCount-txtByte)/2));txtByte=txtNote.value.replace(/[^/x00-/xff]/g,"xx").length;txtLimit.value=limitCount-txtByte;}else{txtNote.value=txtNote.value.substring(0,limitCount);txtLimit.value=0;}}else{txtLimit.value=limitCount-noteCount;}txtlength=txtNote.value.length;//记录每次输⼊后的长度txtByte=txtNote.value.replace(/[^/x00-/xff]/g,"xx").length;}}页⾯调⽤：复制代码代码如下:<html><body><input id="txtNote" />还可输⼊<input type="text" id="txtCount" />个字符</body><mce:script type="text/javascript"><!--var lim=new limit();lim.txtNote=document.getElementById("txtNote");lim.txtLimit=document.getElementById("txtCount");lim.limitCount=20;lim.isbyte=true;lim.init();// --></mce:script></html>⽂本框限制字符长度复制代码代码如下:<INPUT onkeydown=if(event.keyCode==13)event.keyCode=9 onkeyup="value=value.replace(/[^0-9- ]/g,'');" maxLength=11 >上⾯这样写只能限制输⼊的⼀定是数字和最⼤长度为11个字符如何限制⼀定要输⼊11位不能少也不能多------解决⽅案--------------------------------------------------------你确定上⾯的写法对吗。

js限制⽂本框只能输⼊数字（正则表达式）好了，⾔归正传。

话说我在⽹上找了很多限制⽂本框的办法都不尽⼈意，于是只好⾃⼰动⼿实践了，实践出真知嘛，这句话没错的。

复制代码代码如下:function chkPrice(obj){obj.value = obj.value.replace(/[^\d.]/g,"");//必须保证第⼀位为数字⽽不是.obj.value = obj.value.replace(/^\./g,"");//保证只有出现⼀个.⽽没有多个.obj.value = obj.value.replace(/\.{2,}/g,".");//保证.只出现⼀次，⽽不能出现两次以上obj.value = obj.value.replace(".","$#$").replace(/\./g,"").replace("$#$",".");}function chkLast(obj){// 如果出现⾮法字符就截取掉if(obj.value.substr((obj.value.length - 1), 1) == '.')obj.value = obj.value.substr(0,(obj.value.length - 1));}下⾯是需要调⽤的⽂本框：复制代码代码如下:<input type="text" name="txtFee" id="txtFee" class="common" onkeyup="chkPrice(this);" onblur="chkLast(this)"onpaste="javascript: return false;"/>最后这个：onpaste="javascript: return false;" 的⽬的是禁⽤⿏标右键的“粘贴”菜单，可以防⽌⿏标右键或者Ctrl + V粘贴不合法的数据，嘿嘿。

js限制输⼊框只能输⼊数字分享下js限制输⼊框中只能输⼊数字的⽅法，包括整数与⼩数，分享⼏个例⼦，有需要的朋友参考下。

1.使⽤正则表达式限制输⼊框只能输⼊数字：1<input type="text" onkeyup="this.value=this.value.replace(/[^\d]/g,'') " onafterpaste="this.value=this.value.replace(/[^\d]/g,'') " name="f_order" value="1"/>其中，onafterpaste防⽌⽤户从其它地⽅copy内容粘贴到输⼊框。

2.输⼊框只能输⼊字母和下横线的正则表达式1<input onkeyup="this.value=this.value.replace(/[^_a-zA-Z]/g,'')" onpaste="this.value=this.value.replace(/[^_a-zA-Z]/g,'')">3.输⼊框只能输⼊字母数字和下横线的正则表达式1<input onkeyup="this.value=this.value.replace(/[^\w]/g,'')" onpaste="this.value=this.value.replace(/[^\w]/g,'')">或者1<input onkeyup="this.value=this.value.replace(/[\W]/g,'')" onpaste="this.value=this.value.replace(/[\W]/g,'')">。

js 控制最大输入值的方法【原创版4篇】《js 控制最大输入值的方法》篇1在JavaScript 中，你可以使用`maxlength` 属性来限制输入框的最大输入值。

例如，如果你有一个文本输入框，你可以使用以下代码来限制其最大输入值为50 个字符:```html<input type="text" id="myInput" maxlength="50">```如果你想在JavaScript 中动态地设置或获取最大输入值，可以使用以下代码:```javascript// 获取输入框的最大输入值var maxLength = document.getElementById("myInput").maxLength;// 设置输入框的最大输入值为100 个字符document.getElementById("myInput").maxLength = 100;```你也可以使用事件处理程序来限制输入框的最大输入值，例如，当用户在输入框中输入内容时，使用`input` 事件来检查输入的字符数，如果超过了最大输入值，则阻止输入。

以下是一个示例代码: ```html<input type="text" id="myInput" oninput="checkLength()"><script>function checkLength() {var input = document.getElementById("myInput");var maxLength = 50; // 最大输入值为50 个字符var currentLength = input.value.length;if (currentLength > maxLength) {input.value = input.value.substring(0, maxLength);}}</script>```在上面的代码中，当用户在输入框中输入内容时，`checkLength` 函数会被调用。