文本框文字个数输入提示DEMO

时间 2019-11-18

标签文本文字个数输入提示 demo 繁體版

原文原文链接

使用方法说明：
在须要判断的时候触发 T.doCheckLen('ti1', 'to1', 1, 50) 便可!

参数说明： T.doCheckLen('ti1', 'to1', 1, 50)
ti1 即须要捕捉的文本框文字的id
to1 即须要返回数字的id
1 1:提示文本框还能输入多少个字 2:提示文本框已经输入了多少个字
50 若是上面一个参数为1,则能够省略，不然填写，你想控制的文字个数

以上参数只是示例，根据本身的须要，自行替换！

附源码：格式贴进来就变了，自行调整一下吧，我也懒得调了html

<html>
<head>
<title>文本框文字输入提示DEMO</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script>
//js Obj
var textLenObject = function(){
 var strTid = '';
 var strSid = '';
 var intLen = 0;ui

  //get Obj by id
  var getObj = function(id){
   return document.getElementByIdx_x_x_x_x_x_x(id);
  }spa

//get the area length
 var getValueLen = function(){
 var strArea = getObj(strTid).value;
 return getSLen(strArea);
 }

 //count len by string
 var getSLen = function len(s){
 var l = 0;
 var a = s.split("");

 for(var i=0;i<a.length;i++){
 if(a[i].charCodeAt(0)<299){
 l++;
 }else{
 l+=2;
 }
 }
 return l;
 }htm

  //show the msg
  var showMsg = function(intTemp){
   var objShow = getObj(strSid);
   objShow.innerHTML = intTemp;
  }ip

  //Process
  var doProcess = function(intOpe){
   var intSLen = getValueLen();
   var intRLen = 0;ci

intRLen = intOpe == 1 ? intLen - intSLen : intSLen;
 if(intRLen < 0) alert('不能再输入任何文字!');
 else showMsg(intRLen);
 }

 return{
 doCheckLen:function(strIid1, strId2, intOpe, intTLen){
 strTid = strIid1;
 strSid = strId2;
 intLen = intTLen;
 doProcess(intOpe);
 },
 doTest:function(){
 alert('Current object is ok!');
 }
 }
};
var T = new textLenObject();
</script>
</head>
<body>
********************************************************************************* 
状况一：提示文本框还能输入多少个字 
<textarea rows="5" cols='60' tabindex="4" onkeyup="T.doCheckLen('ti1', 'to1', 1, 50);" id='ti1'></textarea> 
您还能够输入 50 个字 get

********************************************************************************* 
状况二：提示文本框已经输入了多少个字 
<textarea rows="5" cols='60' tabindex="4" onkeyup="T.doCheckLen('ti2', 'to2', 2);" id='ti2'></textarea> 
您已经输入了 0 个字 
********************************************************************************* 
使用方法说明： 
在须要判断的时候触发 T.doCheckLen('ti1', 'to1', 1, 50) 便可!
 
参数说明：
T.doCheckLen('ti1', 'to1', 1, 50)
 ti1 即须要捕捉的文本框文字的id
 to1 即须要返回数字的id
 1 1:提示文本框还能输入多少个字 2:提示文本框已经输入了多少个字
 50 若是上面一个参数为1,则能够省略，不然填写，你想控制的文字个数
 
以上参数只是示例，根据本身的须要，自行替换！
</body>
</html>源码

  //get Obj by id
  var getObj = function(id){
   return document.getElementByIdx_x_x_x_x_x_x(id);
  }string

  //show the msg
  var showMsg = function(intTemp){
   var objShow = getObj(strSid);
   objShow.innerHTML = intTemp;
  }

  //Process
  var doProcess = function(intOpe){
   var intSLen = getValueLen();
   var intRLen = 0;

********************************************************************************* 状况二：提示文本框已经输入了多少个字 <textarea rows="5" cols='60' tabindex="4" onkeyup="T.doCheckLen('ti2', 'to2', 2);" id='ti2'></textarea> 您已经输入了 0 个字 ********************************************************************************* 使用方法说明： 在须要判断的时候触发 T.doCheckLen('ti1', 'to1', 1, 50) 便可! 参数说明： T.doCheckLen('ti1', 'to1', 1, 50) ti1 即须要捕捉的文本框文字的id to1 即须要返回数字的id 1 1:提示文本框还能输入多少个字 2:提示文本框已经输入了多少个字 50 若是上面一个参数为1,则能够省略，不然填写，你想控制的文字个数 以上参数只是示例，根据本身的须要，自行替换！ </body> </html>