输入框实时提示可输入字符数

业务提了个需求,要求在输入框输入经营范围时,实时提示尚可输入的字符数。
因为前端主要使用Bootstrap,最开始思路看Bootstrap的表单验证插件有没有提供类似的功能。BootStrap提供的验证常见有:

  • notEmpty(非空)
  • stringLength(字符限制)
  • regexp(正则匹配)
  • different(不一致校验)
  • identical(一致校验)等等。

没有我们想要的内容。后来尝试使用jQuery绑定事件[input propertychange]来解决。
参考链接1:https://www.cnblogs.com/LHYwin/p/6136256.html
参考链接2:https://my.oschina.net/u/4191619/blog/3115900
最终代码:
页面:
在这里插入图片描述
js代码:
在这里插入图片描述
页面效果:
在这里插入图片描述

发布了15 篇原创文章 · 获赞 0 · 访问量 302

猜你喜欢

转载自blog.csdn.net/sinat_15051577/article/details/105063989
今日推荐