码迷,mamicode.com
首页 > Web开发 > 详细

jquery之动态输入字数

时间:2016-10-22 00:57:33      阅读:185      评论:0      收藏:0      [点我收藏+]

标签:jquery


<?php 

echo "<tr><th>备  注<td colspan=5><textarea name=mark rows=3 cols=100></textarea>

          <b>你还可以输入<span ><font color=‘red‘>500</font></span>个字</b>";

?>


<script type="text/javascript">

 $(‘textarea‘).keyup(function(){ 

var txtLeng = $(‘textarea ‘).val().length;      //把输入字符的长度赋给txtLeng

if( txtLeng>500 ){  

$(‘b span ‘).text(‘ 0 ‘);

var fontsize = $(‘textarea‘).val().substring(0,500);

//显示到textarea上

$(‘textarea ‘).val( fontsize ); 

}else{

$(‘b span‘).text(500-txtLeng).css("color","red");

}

  });

</script>

本文出自 “12190048” 博客,请务必保留此出处http://12200048.blog.51cto.com/12190048/1864397

jquery之动态输入字数

标签:jquery

原文地址:http://12200048.blog.51cto.com/12190048/1864397

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!