textarea输入文字显示已输入的字数和总字数

图一:

图二:

图一是选中textarea选中时就显示出的字数,图二是键盘输入十个文字显示的字数

 

代码:

 

// 给textarea绑定  获取/失去焦点  和 按下按键时

<div>
  
  <textarea id="describe" class="input-text" type="text" 
    v-on:focus="func.checkMaxInput($event,250)"
    v-on:keyup="func.checkMaxInput($event,250)"
    v-on:blur="func.checkMaxInput($event,250) ></textarea>
  <i class="error-desc"></i>
</div>
 
methods: {
  checkMaxInput (event, maxLen) {
    
  // 校验
   let obj = event. target
    if ( obj == null || obj == undefined || obj == '') {
    return
   }
   if ( maxLen == null || maxLen == undefined || maxLen == '') {
    maxLen = 100
   }
  // 定义变量
  var strResult
  var $obj = $( obj)
  var newid = $obj. attr( 'id') + 'msg'
  // 如果输入的字数超过限制
  if ( obj. value. length > maxLen) {
    // 去掉多余的字
    obj. value = obj. value. substring( 0, maxLen)
  }
  // 计算并显示剩余字数
  strResult = '<span id="' + newid + '" class= \' Max_msg \' ><br/>' + ( obj. value. length) + '/' + maxLen + '</span>'

var $msg = $( '#' + newid)
if ( $msg. length === 0) {
let errobj = $obj. parent(). find( '.error-desc') // class名error-desc是必选项中的标签(若为空时这个标签就会显示)
errobj. after( strResult)
} else {
$msg. html( strResult)
}
  }
}

转载于:https://www.cnblogs.com/lgl1209/p/11549171.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
超级加密 3000一款功能强大的文件加密和文件夹加密软件。主要针对于进常对重要文件加密和文件夹加密的用户。该软件有超快和最强的文件加密、文件夹加密功能,采用先进的加密算法,使你的文件加密和文件夹加密后,真正的达到超高的加密强度,让你的加密文件和加密文件夹无懈可击,没有密码无法解密,并且可以防止删除,复制和移动。 【软件功能特点】 数据加密功能 本软件采用先进的加密算法,真正的达到了超高的加密强度,让你的加密数据无懈可击。并且速度也特快,每秒可加密25 — 50M的数据。文件、文件夹加密后,双击它,会弹出密码输入对话框,只有输入正确的密码才能打开该文件。使用完毕退出以后,它自动恢复到加密状态,无需再加密。把文件夹和文件直接加密成Exe可执行文件。你可以将重要的数据以这种方法加密后再通过网络或其他的方法在没有安装[超级加密 3000]的机器上使用。 数据粉碎功能 可以把你想删除但怕在删除后被别人用数据恢复软件恢复的数据彻底在电脑中删除。 文件夹保护功能 还有文件夹的加密码、隐藏、伪装等保护功能。 磁盘保护功能 将您的软盘、硬盘和光驱等所有驱动器有选择的隐藏和加锁。并且可以禁止使用USB设备或只读使用USB存储设备。 增强功能 还有清理系统垃圾和系统优化和安全设置等功能。 【常见问题】 1、打开和解密有什么区别? 打开:加密的文件或文件夹打开后,处于临时解密的状态。当软件检测到你不在使用这个加密文件或文件夹时,就自动恢复到加密状态。 解密:把加密的文件或文件夹恢复到未加密状态。 2、怎样加密文件和文件夹? 你可以在我的电脑中用鼠标右键单击你要加密的文件或文件夹,在弹出菜单中选择[超级加密]。也可以在软件的主窗口中选择加密数据,然后点击[数据加密]。 3、怎样完全解密加密的文件和文件夹? 在软件的主窗口中选择解密数据,然后点击[数据解密]。 4、为什么要要设置管理员密码? 为了不让其他人,随意使用此软件,对你的数据进行恶意的加密。 5、可以对移动硬盘上的数据进行加密吗? 可以。 6、怎样解密全面加密的文件夹? 在我的电脑中用鼠标右键单击你要解密的全面加密文件夹,然后在弹出菜单中选择[解密全面加密的文件夹]。 7、怎样解除受到保护的文件夹? 在软件窗口中选择[文件夹保护],在文件夹保护窗口,选择你要解除保护的文件夹记录,然后选择[解除保护]。 8、加密的文件夹或文件可以用U盘移动到其他电脑上吗? 使用“移动加密”方式加密的文件夹和文件可以移动到其他电脑上,甚至移动到未安装本软件的电脑上照常使用。 9、该软件若被他人从我的电脑上卸载或删除,我原来已加密的数据会被解密吗? 不会。您的文件夹仍然保持加密状态,重装本软件即可解开。 10、加密的文件夹在安全模式下会不会失效? 不会。不仅安全模式,甚至DOS、双系统下都不会失效! 11、密码忘记怎么办? 请牢记密码。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值