为了正常的体验网站,请在浏览器设置里面开启Javascript功能!

仿微博字符限制效果实现代码

2012-05-01 3页 doc 109KB 23阅读

用户头像

is_305167

暂无简介

举报
仿微博字符限制效果实现代码字符限制公司项目中有个这样的东西,大家用微博的都明白哈 这是初始状态 输入文字变成这样,这里会区分圆角半角,2个半角的文字算一个。 这个是超出的样子 如果超出了点击提交,会有红色闪动提示 好了,效果就是这样子,都是js的。。用的话,记得加个jq文件过来。。 这里是超出只有提示,还可以超出以后截掉多余的。。不过公司项目不用,说是体验不好~~~ 复制代码代码如下: var oH2 = $("#spetit_word");//提示文字  var oTextarea = $("#p_qa_content");...
仿微博字符限制效果实现代码
字符限制公司项目中有个这样的东西,大家用微博的都明白哈 这是初始状态 输入文字变成这样,这里会区分圆角半角,2个半角的文字算一个。 这个是超出的样子 如果超出了点击提交,会有红色闪动提示 好了,效果就是这样子,都是js的。。用的话,记得加个jq文件过来。。 这里是超出只有提示,还可以超出以后截掉多余的。。不过公司项目不用,说是体验不好~~~ 复制代码代码如下: var oH2 = $("#spetit_word");//提示文字  var oTextarea = $("#p_qa_content");//输入框  var oButton = $("#bt-ico");//按钮  复制代码代码如下: oTextarea.live("keyup", function () {  Limit(oTextarea, 280, oH2);  })  oButton.live("click", function () {  if (font_count < 0 || font_count == null || font_count == 140) {  Error(oTextarea);  } else {  alert('发布成功!');  }  });  复制代码代码如下: var font_count;  function WordLength(obj) {  var oVal = obj.val();  var oValLength = 0;  oVal.replace(/\n*\s*/, '') == '' ? oValLength = 0 : oValLength = oVal.match(/[^ -~]/g) == null ? oVal.length : oVal.length + oVal.match(/[^ -~]/g).length;  return oValLength  }  function Error(obj) {  var oTimer = null;  var i = 0;  oTimer = setInterval(function () {  i++;  i == 5 ? clearInterval(oTimer) : (i % 2 == 0 ? obj.css("background-color", "#ffffff") : obj.css("background-color", "#ffd4d4"));  }, 100);  }  //obj-要检查的输入框, iNow-多少字, tit-提示框  function Limit(obj, iNow, tit) {  var oValLength = WordLength(obj);  font_count = Math.floor((iNow - oValLength) / 2);  if (font_count >= 0) {  tit.html("你还可以输入" + font_count + "字");  return true;  } else {  tit.html("已超出" + Math.abs(font_count) + "字");  return false;  }  return font_count;  } 
/
本文档为【仿微博字符限制效果实现代码】,请使用软件OFFICE或WPS软件打开。作品中的文字与图均可以修改和编辑, 图片更改请在作品中右键图片并更换,文字修改请直接点击文字进行修改,也可以新增和删除文档中的内容。
[版权声明] 本站所有资料为用户分享产生,若发现您的权利被侵害,请联系客服邮件isharekefu@iask.cn,我们尽快处理。 本作品所展示的图片、画像、字体、音乐的版权可能需版权方额外授权,请谨慎使用。 网站提供的党政主题相关内容(国旗、国徽、党徽..)目的在于配合国家政策宣传,仅限个人学习分享使用,禁止用于任何广告和商用目的。

历史搜索

    清空历史搜索