textarea的点击显示和隐藏脚本

2009-12-22 17:44:26 by 【6yang】, 121 visits, 收藏 | 返回
<script  src="js/jquery-1.3.2.min.js"></script>
<li style="padding-top:10px;">
<span id="error_jy" style="color:#FF0000;">(6yang字数255字以内)</span><br/>
  <label>
  <textarea name="d" id="d" rows="5" style="width:900px; color:#d5d5d5" onchange="checkLen();" onkeydown="checkLen();">我说几句...</textarea>
  </label>
</li>
<script type="text/javascript">
 var s;
 $("#d").focus(function(){
  if ($("#d").val()=="我说几句...") {
   $("#d").css("color","#000000");
   $("#d").val("");
  } else {
   return;
  }
 });
 $("#d").blur(function(){
  if ($("#d").val()=="") {
   $("#d").css("color","#d5d5d5");
   $("#d").val("我说几句...");
  } else {
   return;
  }
 });
 function checkLen() {
  var maxl = 255;
  var len = document.getElementById("d").value.length + 1;
  if (len > maxl) {
   document.getElementById("d").value = document.getElementById("d").value.substr(0, maxl - 1);
   if (s) {clearInterval(s);}
   $("#error_jy").html("内容最多255个字符");
   s = setInterval("hideTips()", 3000);
   return false;
  } else {
  }
 }
 function jy(){
  var d=$("#d").val();
  if (d!="" && d!= "我说几句...") {
   var rand= new Date();
   if (s) {clearInterval(s);}
   $("#error_jy").html("处理中...");
  } else {
   if (s) {clearInterval(s);}
   $("#error_jy").html("评价为空,不做处理");
   s = setInterval("hideTips()", 3000);
  }
 }
 function hideTips(){
  $("#error_jy").html("");
 }
</script>
分享到:
share

    图片原图

    loading

    loading