动态显示可输入的字数提示还可以输入的字数
<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>
function setShowLength(obj, maxlength, id)
{
var rem = maxlength - obj.value.length;
var wid = id;
if (rem < 0){
rem = 0;
}
document.getElementById(wid).innerHTML = "还可以输入" + rem + "字数";
}
相关推荐
-
动态显示可输入的字数提示还可以输入的字数
复制代码 代码如下: <input name="title" type="text" size="50" value="{$p.title}" maxlength="15" onkeyup="javascript:setShowLength(this, 15, 'cost_tpl_title_length');"><span class="red"
-
jQuery扩展实现text提示还能输入多少字节的方法
本文实例讲述了jQuery扩展实现text提示还能输入多少字节的方法.分享给大家供大家参考,具体如下: 1.添加jQuery自定义扩展 $(function($){ // tipWrap: 提示消息的容器 // maxNumber: 最大输入字符 $.fn.artTxtCount = function(tipWrap, maxNumber){ var countClass = 'js_txtCount', // 定义内部容器的CSS类名 fullClass = 'js_txtFull', //
-
JavaScript中统计Textarea字数并提示还能输入的字符
现在流行的Twitter等微博客网站,有一个很好的用户体验,就是在文本框中输入文字的时候,会自动统计输入的字符,并显示用户还能输入的字符,在限制了140个字的微博客中,这样的小提示可以很好的增强用户体验. 如果实现这种技术呢,我进行了一些研究,发现实现其实挺简单,几行代码就能完成输入字符统计功能,经过实际测试,其对文字的统计与Twitter等微博客的完全相同. 使用方法是,先增加一个span,用于显示剩余的字数,然后在Textarea中,加入一个onkeydown和onkeyup的事件,调用另一
-
asp.net 仿腾讯微薄提示 还能输入*个字符 的实现代码
textbox如果设置TextMode="MultiLine"则 它的MaxLength设置的值就无效:为了能达到像腾讯微薄.新浪微薄那样的提示的效果(腾讯和新浪微薄文本框用到的应该是textarea),尝试如果不考虑用鼠标操作粘贴.删除textbox的内容,用jquery的keyup和keydown能实现,下面是实现的一个技巧,用到了js的计时器(当焦点在textbox中则"开启"计时器,失去焦点则"关闭"计时器),很好的解决了鼠标操作粘贴.删
-
基于jQuery实现仿微博发布框字数提示
jQuery实现仿微博发布框字数提示,主要是运用字符串操作! 效果图: HTML: <textarea name="" id="" cols="30" rows="10"></textarea><br> <span>你还可以输入<strong style="color:red;">140</strong>个字</span>
-
Javascript实现真实字符串剩余字数提示的实例代码
复制代码 代码如下: //文本框剩余字数提示(字符大小) function textLimitCheckSj(thisArea, maxLength, SpanId) { var str = thisArea.value; if (getChrLen(str, maxLength) > maxLength * 2) { thisArea.value = str.substring(0, x-1); } else { var vars
-
如何用javascript计算文本框还能输入多少个字符
下面代码超简单,不多说了,直接上代码. //输入计数 //count:能輸入的數據總量 function Calculation(v, count) { var span = $(v).next(); var valLength = $(v).val().length; if (valLength > count) { $(v).val($(v).val().substr(0, count)); valLength = count; } span.text("您已輸入" + va
-
JS实现仿google、百度搜索框输入信息智能提示的实现方法
本文实例讲述了JS实现仿google.百度搜索框输入信息智能提示的实现方法.分享给大家供大家参考.具体如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml&qu
-
计算新浪Weibo消息长度(还可以输入119字)
此文为计算新浪Weibo的消息长度的方法. 就是 (发言请遵守社区公约,还可以输入119字). 复制代码 代码如下: var getMessageLength = (function() { var byteLength = function(b) { if(typeof b == "undefined") { return 0; } var a = b.match(/[^\x00-\x80]/g); return(b.length + (!a ? 0 : a.length)); };
-
js文本框输入内容智能提示效果
本文实例讲述了js文本框输入内容智能提示效果代码.分享给大家供大家参考.具体如下: 运行效果截图如下: 大体思路: 1.监听文本框事件.这里是用的keyup事件.大家可以尝试用onchange事件.不过感觉keyup事件的效果要好一点. 2.根据输入内容通过ajax异步的方式去访问后台数据. 3.遍历返回数据将数据添加到显示区域. 4.在添加数据的同时给每一条数据加上一些效果,点击其中一条将数据填到文本框,并且提示内容消失. 5.后台数据应该拼接成json格式. 具体代码如下: <!DOCTYP
随机推荐
- 气象 XML 数据源应用程序开发指南-操作检查列表
- .Net Core+Angular Cli/Angular4开发环境搭建教程
- JS加ASP二级域名转向的代码
- js+CSS实现弹出居中背景半透明div层的方法
- PHP中对于浮点型的数据需要用不同的方法解决
- 提供个 全免杀海洋2006asp木马 下载
- jsp使用cookie存储中文示例分享
- php基于curl实现随机ip地址抓取内容的方法
- Android AOP 注解详解及简单使用实例(三)
- CSS规则层叠的应用 css必须要注意的几点
- js获取隐藏元素宽高的实现方法
- Android EventBus 3.0.0 使用总结(必看篇)
- [js高手之路]寄生组合式继承的优势详解
- 基于 webpack2 实现的多入口项目脚手架详解
- Android中使用Handler及Countdowntimer实现包含倒计时的闪屏页面
- Android通过XListView实现上拉加载下拉刷新功能
- 基于 Vue.js 2.0 酷炫自适应背景视频登录页面实现方式
- java实现简单TCP聊天程序
- layer页面跳转,获取html子节点元素的值方法
- android事件总线EventBus3.0使用方法详解