jQuery实现还能输入N字符-创新互联

页面:

站在用户的角度思考问题,与客户深入沟通,找到双滦网站设计与双滦网站推广的解决方案,凭借多年的经验,让设计与互联网技术结合,创造个性化、用户体验好的作品,建站类型包括:网站建设、成都网站设计、企业官网、英文网站、手机端网站、网站推广、域名注册网站空间、企业邮箱。业务覆盖双滦地区。

<table cellpadding="0" cellspacing="0" border="0" width="100%">
                       <tr>
                           <td>
                               <textarea name="" id="doc" cols="30" rows="10"></textarea>
                           </td>
                       </tr>
                       <tr>
                           <td>
                               <div class="face">
                                   <img src="/sitecn/p_w_picpaths/face.jpg" /></div>
                           </td>
                       </tr>
                       <tr>
                           <td>
                               还能输入<span id="count"></span>字
                               <input type="button" class="btn" value="提 交" />
                           </td>
                       </tr>
                   </table>

JQuery:

<script type="text/javascript">
   var maxCount = 200; // 最高字数,这个值可以自己配置

   $("#doc").keyup(function () {
       var len = getStrLength(this.value);
       var lenCount = maxCount - len; //计算还可以输入多少个
       if (lenCount <0) {
           $(this).val($(this).val().substring(0, 200));
       }
       else {

           $("#count").html(lenCount);
       }
   })

   // 中文字符判断

   function getStrLength(str) {

       var len = str.length;

       var reLen = 0;

       for (var i = 0; i < len; i++) {

           if (str.charCodeAt(i) < 27 || str.charCodeAt(i) > 126) {

               // 全角

               reLen += 2;

           } else {
               reLen++;
           }
       }

       return reLen;

   }
</script>

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。

当前名称:jQuery实现还能输入N字符-创新互联
浏览地址:https://www.cdcxhl.com/article2/dphdic.html

成都网站建设公司_创新互联,为您提供定制网站面包屑导航网站改版网站排名企业建站虚拟主机

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

网站优化排名