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


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 相关文章推荐
jQuery动态设置form表单的enctype值(实现代码)
Jul 04 Javascript
jQuery(js)获取文字宽度(显示长度)示例代码
Dec 31 Javascript
jQuery队列操作方法实例
Jun 11 Javascript
基于jQuery倾斜打开侧边栏菜单特效代码
Sep 15 Javascript
图解js图片轮播效果
Dec 20 Javascript
jQuery对象的链式操作用法分析
May 10 Javascript
easy ui datagrid 从编辑框中获取值的方法
Feb 22 Javascript
基于JavaScript实现带数据验证和复选框的表单提交
Aug 23 Javascript
vue中Axios的封装与API接口的管理详解
Aug 09 Javascript
vue this.reload 方法 配置
Sep 12 Javascript
关于AngularJS中ng-repeat不更新视图的解决方法
Sep 30 Javascript
Vue实现数据请求拦截
Oct 23 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
LotusPhp笔记之:Logger组件的使用方法
2013/05/06 PHP
PHP在线生成二维码(google api)的实现代码详解
2013/06/04 PHP
Linux下手动编译安装PHP扩展的例子分享
2014/07/15 PHP
JS option location 页面跳转实现代码
2008/12/27 Javascript
js 单引号 传递方法
2009/06/22 Javascript
javascript一个无懈可击的实例化XMLHttpRequest的方法
2010/10/13 Javascript
jQuery下通过replace字符串替换实现大小图片切换
2012/05/22 Javascript
js 获取class的元素的方法 以及创建方法getElementsByClassName
2013/03/11 Javascript
onbeforeunload与onunload事件异同点总结
2013/06/24 Javascript
javascript将url中的参数加密解密代码
2014/11/17 Javascript
jQuery中remove()方法用法实例
2014/12/25 Javascript
jQuery实现强制cookie过期方法汇总
2015/05/22 Javascript
JavaScript队列、优先队列与循环队列
2016/11/14 Javascript
详解用vue.js和laravel实现微信支付
2017/06/23 Javascript
Vue.js实现列表清单的操作方法
2017/11/15 Javascript
vue项目中使用百度地图的方法
2018/06/08 Javascript
js中数组常用方法总结(推荐)
2019/04/09 Javascript
微信小程序云开发修改云数据库中的数据方法
2019/05/18 Javascript
layui-table获得当前行的上/下一行数据的例子
2019/09/24 Javascript
原生JS实现汇率转换功能代码实例
2020/05/13 Javascript
用Python编写脚本使IE实现代理上网的教程
2015/04/23 Python
Python中遇到的小问题及解决方法汇总
2017/01/11 Python
Python判断中文字符串是否相等的实例
2018/07/06 Python
python保存文件方法小结
2018/07/27 Python
python3实现绘制二维点图
2019/12/04 Python
Django实现列表页商品数据返回教程
2020/04/03 Python
在tensorflow下利用plt画论文中loss,acc等曲线图实例
2020/06/15 Python
Python引入多个模块及包的概念过程解析
2020/09/21 Python
苹果Mac升级:MacSales.com
2017/11/20 全球购物
澳大利亚领先的女性运动服品牌:Lorna Jane
2020/06/19 全球购物
关于元旦的广播稿
2014/02/16 职场文书
销售主管竞聘书
2014/03/31 职场文书
优秀学生评语大全
2014/04/25 职场文书
Pandas实现DataFrame的简单运算、统计与排序
2022/03/31 Python
游戏《东方异文石:爱亚利亚黎明》正式版发布
2022/04/03 其他游戏
Redis实现分布式锁的五种方法详解
2022/06/14 Redis