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


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 相关文章推荐
ExtJs扩展之GroupPropertyGrid代码
Mar 05 Javascript
深入理解JavaScript系列(31):设计模式之代理模式详解
Mar 03 Javascript
jQuery自动添加表单项的方法
Jul 13 Javascript
Jquery ajax 同步阻塞引起的UI线程阻塞问题
Nov 17 Javascript
Javascript中的数组常用方法解析
Jun 17 Javascript
jQuery 遍历map()方法详解
Nov 04 Javascript
AngularJS实现controller控制器间共享数据的方法示例
Oct 30 Javascript
jQuery实现定时隐藏对话框的方法分析
Feb 12 jQuery
微信小程序页面间值传递的两种方法
Nov 26 Javascript
Vue 动态路由的实现及 Springsecurity 按钮级别的权限控制
Sep 05 Javascript
layer.msg()去掉默认时间,实现手动关闭的方法
Sep 12 Javascript
微信jssdk踩坑之签名错误invalid signature
May 19 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
destoon后台网站设置变成空白的解决方法
2014/06/21 PHP
Js切换功能的简单方法
2010/11/23 Javascript
用javascript替换URL中的参数值示例代码
2014/01/27 Javascript
在AngularJS中使用jQuery的zTree插件的方法
2016/04/21 Javascript
浅谈vue-router 路由传参的方法
2017/12/27 Javascript
jQuery+CSS实现的标签页效果示例【测试可用】
2018/08/14 jQuery
深入理解vue-class-component源码阅读
2019/02/18 Javascript
layui--js控制switch的切换方法
2019/09/03 Javascript
vue实现select下拉显示隐藏功能
2019/09/30 Javascript
Vue实现浏览器打印功能的代码
2020/04/17 Javascript
[12:51]71泪洒现场!是DOTA2让经典重现
2014/03/24 DOTA
简单介绍Ruby中的CGI编程
2015/04/10 Python
python动态加载包的方法小结
2016/04/18 Python
Python实现的文本简单可逆加密算法示例
2017/05/18 Python
Python基于identicon库创建类似Github上用的头像功能
2017/09/25 Python
windows下安装python的C扩展编译环境(解决Unable to find vcvarsall.bat)
2018/02/21 Python
手把手教你如何安装Pycharm(详细图文教程)
2018/11/28 Python
利用selenium爬虫抓取数据的基础教程
2019/06/10 Python
python获取指定日期范围内的每一天,每个月,每季度的方法
2019/08/08 Python
18个Python脚本可加速你的编码速度(提示和技巧)
2019/10/17 Python
tensorflow模型保存、加载之变量重命名实例
2020/01/21 Python
python十进制转二进制的详解
2020/02/07 Python
html5中canvas图表实现柱状图的示例
2017/11/13 HTML / CSS
德国PC硬件网站:CASEKING
2016/10/20 全球购物
小蚁科技官方商店:YI Technology
2019/08/23 全球购物
SheIn沙特阿拉伯:女装在线
2020/03/23 全球购物
《锄禾》教学反思
2014/04/08 职场文书
保密协议书范本
2014/04/22 职场文书
庆祝国庆节标语
2014/10/09 职场文书
钳工实训报告总结
2014/11/04 职场文书
公司股份转让协议书范本
2015/01/28 职场文书
2015年财务科工作总结范文
2015/05/13 职场文书
运动员加油词
2015/07/18 职场文书
网络研修随笔感言
2015/11/18 职场文书
如何使用分区处理MySQL的亿级数据优化
2021/06/18 MySQL
Python 发送SMTP邮件的简单教程
2021/06/24 Python