【來自教程】jquery仿微博發佈框

實現功能以下:javascript

  1. 限制輸入字數140個字;
  2. 多的字符,輸入框不能輸入;且多的字符被截取;

 

截圖效果以下:html

 

js以下:java

$(function(){
		var maxlength =140;
		$("#textbox").keyup(function(){
			current_len = $(this).val().length;
			$("span strong").text(maxlength-current_len);  //若是無下面判斷則會產生負數
			if (parseInt($("span strong").text())< 0){ //解析字符串,返回整數
				$("span strong").text("0");
				var current_val = $(this).val().substring(0,140); //截取140個字符賦給文本框
				$(this).val(current_val);
			}
		})
})

html以下:this

<textarea id="textbox" name="" rows="10" cols="30"></textarea>
<span>你還能夠輸<strong>140</strong>個字</span>
相關文章
相關標籤/搜索