动态显示可输入的字数提示还可以输入的字数


Posted in Javascript onApril 01, 2014
<input name="title" type="text" size="50" value="{$p.title}" maxlength="15" onkeyup="javascript:setShowLength(this, 15, 'cost_tpl_title_length');"><span class="red" id="cost_tpl_title_length">还可以输入15字数</span>

js:
function setShowLength(obj, maxlength, id) 
{ 
var rem = maxlength - obj.value.length; 
var wid = id; 
if (rem < 0){ 
rem = 0; 
} 
document.getElementById(wid).innerHTML = "还可以输入" + rem + "字数"; 
}
Javascript 相关文章推荐
通过js简单实现将一个文本内容转译成加密文本
Oct 22 Javascript
javascript白色简洁计算器
May 04 Javascript
js实现滚动条滚动到页面底部继续加载
Dec 19 Javascript
jQuery+正则+文本框只能输入数字的实现方法
Oct 07 Javascript
微信小程序 教程之引用
Oct 18 Javascript
vue.js 表格分页ajax 异步加载数据
Oct 18 Javascript
Sortable.js拖拽排序使用方法解析
Nov 04 Javascript
vue、react等单页面项目应该这样子部署到服务器
Jan 03 Javascript
jQuery中的for循环var与let的区别
Apr 21 jQuery
JS实现520 表白简单代码
May 21 Javascript
原生js基于canvas实现一个简单的前端截图工具代码实例
Sep 10 Javascript
《javascript设计模式》学习笔记一:Javascript面向对象程序设计对象成员的定义分析
Apr 07 Javascript
自己实现ajax封装示例分享
Apr 01 #Javascript
jquery分页对象使用示例
Apr 01 #Javascript
JavaScript对象的property属性详解
Apr 01 #Javascript
easyui datagrid 键盘上下控制选中行示例
Mar 31 #Javascript
jQuery 取值、赋值的基本方法整理
Mar 31 #Javascript
js改变鼠标的形状和样式的方法
Mar 31 #Javascript
JS 获取浏览器和屏幕宽高等信息代码
Mar 31 #Javascript
You might like
五款PHP代码重构工具推荐
2014/10/14 PHP
php的无刷新操作实现方法分析
2020/02/28 PHP
简明json介绍
2008/09/28 Javascript
JavaScript Date对象使用总结
2009/05/14 Javascript
document.getElementById介绍
2011/09/13 Javascript
mailto的使用技巧分享
2012/12/21 Javascript
Javascript 按位取反运算符 (~)
2014/02/04 Javascript
JavaScript Length 属性的总结
2015/11/02 Javascript
javascript实现网页中涉及的简易运动(改变宽高、透明度、位置)
2015/11/29 Javascript
Node.js实用代码段之获取Buffer对象字节长度
2016/03/17 Javascript
bootstrap网页框架的使用方法
2016/05/10 Javascript
JavaScript直播评论发弹幕切图功能点集合效果代码
2016/06/26 Javascript
etmvc+jQuery EasyUI+combobox多值操作实现角色授权实例
2016/11/09 Javascript
JS 插件dropload下拉刷新、上拉加载使用小结
2017/04/13 Javascript
JS简单生成随机数(随机密码)的方法
2017/05/11 Javascript
在JS中如何把毫秒转换成规定的日期时间格式实例
2017/05/11 Javascript
javascript将url解析为json格式的两种方法
2017/08/18 Javascript
node跨域转发 express+http-proxy-middleware的使用
2018/05/31 Javascript
vue实现商品加减计算总价的实例代码
2018/08/12 Javascript
angularjs中判断ng-repeat是否迭代完的实例
2018/09/12 Javascript
js实现多图和单图上传显示
2019/12/18 Javascript
vscode 插件开发 + vue的操作方法
2020/06/05 Javascript
JS+JQuery实现无缝连接轮播图
2020/12/30 jQuery
[57:16]2014 DOTA2华西杯精英邀请赛 5 25 LGD VS VG第二场
2014/05/26 DOTA
Python 异常处理实例详解
2014/03/12 Python
python 机器学习之支持向量机非线性回归SVR模型
2019/06/26 Python
Python在终端通过pip安装好包以后在Pycharm中依然无法使用的问题(三种解决方案)
2020/03/10 Python
香港万宁官方海外旗舰店:香港健与美连锁店
2018/09/27 全球购物
学校招生宣传广告词
2014/03/19 职场文书
公司开业庆典策划方案
2014/06/04 职场文书
小学见习报告
2014/10/31 职场文书
初级职称评定工作总结
2015/08/13 职场文书
生日宴会家属答谢词
2015/09/29 职场文书
2015年秋学期教研工作总结
2015/10/14 职场文书
学习心得体会
2019/06/20 职场文书
python 进阶学习之python装饰器小结
2021/09/04 Python