分享到： Subscribe via RSS

专业技术精选

首页 > 技术 > Ajax学习记录

textarea的点击显示和隐藏脚本

2009-12-22 17:44:26 by 【6yang】, 266 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>

分享到：

我要评论本文来自:http://www.6yang.net/articles_view.php?id=667&cid=6

share

图片原图

loading

loading