20150619仿微博提示剩余可输入字符

html=====

<textarea name="" id="txt" cols="30" rows="10"></textarea>
<div id=‘show‘>剩余字符150字</div>

js=======

var txt=document.getElementById(‘txt‘);
var show=document.getElementById(‘show‘);
txt.onkeyup=function () {
    show.innerHTML=‘剩余字符‘+(150-(this.value.length))+‘字‘
}
时间: 2024-10-20 22:54:36

20150619仿微博提示剩余可输入字符的相关文章

JS(javascript)动态判断输入文本框剩余可输入字符数

一.描述 我们在空间中发表状态,当我们输入一个字符,上面的剩余可输入字符数就会减一,直到输入的字符数达到之前设定的最大数量为止,效果如下图所示: 二.实现方法 首先,我们先确定文本框内的最大可输入长度,其次在输入一个字符抬起键盘的时候对输入文本框中的字符长度进行验证,并在动态显示在剩余可输入字符数中. 三.源代码 <%@ page language="java" pageEncoding="UTF-8"%> <%@ taglib uri="

ASP.NET 仿腾讯微博提示“还能输入*个字符”的实现

textbox如果设置TextMode="MultiLine"则 它的MaxLength设置的值就无效:为了能达到像腾讯微薄.新浪微薄那样的提示的效果(腾讯和新浪微薄文本框用到的应该是textarea),尝试如果不考虑用鼠标操作粘贴.删除textbox的内容,用jquery的keyup和keydown能实现,下面是实现的一个技巧,用到了js的计时器(当焦点在textbox中则“开启”计时器,失去焦点则“关闭”计时器),很好的解决了鼠标操作粘贴.删除textbox的内容不能改变字符个数的

JQ限制输入字数,并提示剩余字数

<!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"><head><meta http-equiv="Content-Typ

jquery textarea输入字符字数提示

效果: html代码: <textarea id="assayInfo" name="assayInfo" rows="3" cols="34" maxlength="30" placeholder="提示:请输入检查结果等相关信息,最多30个汉字"></textarea> <span id="wordCount">30</s

jquery插件artTxtCount输入字数限制,并提示剩余字数

工作中用到,需要批量处理下 <!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"> <head> <meta http-equiv=

自定义控件--史上最简单!EditText多行输入并控制最大输入字符,显示剩余输入字符

转载请注明出处,谢谢~~ 昨天我在网上查看一些关于EditText的控制输入字符的问题.总结了一下有这么几种: 1.通过监听器TextWatcher监听字符数,然后通过弹出窗口阻断输入. 2.通过给EditText设置InputFilter.LengthFilter,来实现最大输入字符,阻断输入. 3.通过TextWather实现控制最大输入. 然后我看了看他们的实现,然后的然后,我放弃了.我不喜欢这种方式,并不是这种方式不可以.因为他们或有限制,或代码麻烦,我崇尚自由(我在装X,发现了没,哈哈

用户输入一个字符串,如果以a结尾,则认为是合法字符串,否则为非法字符串,提示用户重新输入

import java.util.Scanner; /** * */ /** * Homework14 * * @Description:用户输入一个字符串,如果以a结尾,则认为是合法字符串,否则为非法字符串,提示用户重新输入. Test04 * * @author * * email: [email protected] 2017年4月21日上午12:27:02 * */public class Test04 { public static void main(String[] args) {

js统计文本框剩余可输入字数(可直接使用)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb23

java学习从控制台接收输入字符

java学习从控制台接收输入字符 工具:netbeans System类除了out和err两个输出流之外,还有in输入流的实现. 随便创建一个类,我这里是用helloword类,在该类的主方法中创建Scanner扫描来封装System类的输入流,然后提示用户输入身份证号码并输出用户身份证号码的位数. 1 package helloword; 2 import java.util.Scanner; 3 /** 4 * 5 * @author Administrator 6 */ 7 public