js限制input的输入字符的长度，区分中英文

在一个项目中，需要在input输入框中添加placeholder属性，并且限制输入框的字符长度，最大长度为中文25个，英文50个字符，一般的如果不区分中英文则直接添加maxlength属性，然后赋值最大的长度即可，但并不区分中英文字符的长度，于是想着通过js代码来控制placeholder提示语的显示和隐藏以及输入框输入字符长度的限制，区分中英文。

//jquery控制placeholder提示语的显示和隐藏以及输入框输入字符长度，区分中英文$(document).ready(function () {//通过jquery给input输入框添加placeholder属性$(".table").find("#Remarks").attr('placeholder', '请输入您的内容');//设置placeholder文字的颜色$(".table").find("#Remarks").css("color", "gray")//增加限制输入的字符长度RemarksLength属性，中文最长输入25个中文支付，则长度为50$(".table").find("#Remarks").attr('RemarksLength', '50');// 获得焦点事件,input输入框获得焦点则placeholder内容不显示$(".table").find("#Remarks").focus(function () { $(this).attr('placeholder', ' ');$(".table").find("#Remarks").css("color", "black");});// 失去焦点事件，如果input输入框的内容为空，那就设置之前定义的placeholder的内容$(".table").find("#Remarks").blur(function () {  $(this).attr('placeholder', '请输入您的内容');  });//限制输入的字符长度$(".table").find("#Remarks").live("input", function () {//得到RemarksLength属性var maxLength = $(this).attr("RemarksLength"); if(maxLength==""||maxLength==null) {return;}var length = checkLength($(this).val());if(length>maxLength) {//如果输入长度大于限定的最大长度则截取最大长度部分的字符$(this).val(subString($(this).val(),maxLength));}});})//检查输入的长度方法，区分中英文function checkLength(input) {var i, sum;   sum = 0;   for (i = 0; i < input.length; i++) {   //中英文不同的长度检测办法，英文一个字符长度，中文两个支付长度if ((input.charCodeAt(i) >= 0) && (input.charCodeAt(i) <= 255)) {   sum = sum + 1;   } else {   sum = sum + 2;   }   }   return sum;}//处理超过长度的字符，截取maxlength的字符function subString(str,n){  var len=checkLength(str,n);if(len>n){  var newlen=Math.floor(n/2);  var stringLength=str.length;var newString = "";for(var i=newlen;i<=stringLength;i++){var tempString = str.substr(0,i);if(checkLength(tempString)>n){return newString;break;}else{newString = tempString;}}  }else{  return str;  }  }

js限制input的输入字符的长度，区分中英文相关推荐

Java如何控制用户输入的长度,用Java Applet 进行Web编程时，如何限制输入域中可输入字符的长度！解决后马上给分！！！...
用Java Applet 进行Web编程时,如何限制输入域中可输入字符的长度!解决后马上给分!!! | create a new class FixLengthDocument extends Pla ...
JS对文本框输入字符的限制
文本框Text或TestBox中对输入字符的限制,通过js事件来监控用户输入字符.然而,如果用户是通过Copy的方式来粘贴到文本中来,那这时候文本框的字符长度有可能超过,这时候就容易报错.这种Copy ...
js控制input框输入数字时，累计求和
input框输入数字时,自动开始计算累加 <div class="form-group"> <label for="inputPassword3&quo ...
JS控制 input 标签输入为数字及错误提示
学习笔记: 假设现在需要限制<input>标签内输入的内容为数字,并且对其大小进行判断. 涉及的知识主要有: 1.onblur , onblur 事件会在对象失去焦点时发生,也就是当焦点 ...
js控制input只能输入数字和小数点后两位，输入其他自动清除方法。
工作中input='text'总会遇到要控制输入数字,或者是输入中文,输入电话,输入身份证号,邮箱等.今天我遇到的是要输入数字并且只能小数点后面两位的数字,还不能为负数.废话不多说上代码: <i ...
input限制输入字符
输入大小写字母.数字.下划线: <input type="text" onkeyup="this.value=this.value.replace(/[^\w_]/ ...
php限制只能输入中文,JS控制Input只能输入数字，汉字，英文的限制方法
2 楼 shuke[2013-10-30 14:05] 以上是图片替代 SUBMIT提交的方法, 正则表达式限制文本框只能输入数字许多时候我们在制作表单时需要限制文本框输入内容的类型,下面我们用正则 ...
JS验证字符串的长度(区分中英文)
使用正则表达式验证输入的字符串的长度,中文占2个字节,英文和数字占一个字节. 调用getStrLenght函数,第一个参数传入字符串,第二个参数传入验证的长度,如果在验证长度的范围之内返回true,否 ...
js 控制字符串长度区分中英文
function getStringLength (str) { let len = 0; for (let i = 0; i < str.length; i++) { if ( ...
html字段最大长度限制,html input 限制输入的长度并提示的方法
html 中 input 标签的 value 值的长度理论上应该是 2^32(数据来源于资料,没有测试过),但为了防止一些 input 的输入数据过长来做一些限制,该如何实现呢?这篇文章就来介绍一下, ...

js限制input的输入字符的长度，区分中英文

js限制input的输入字符的长度，区分中英文相关推荐

最新文章

热门文章