zoukankan      html  css  js  c++  java
  • 限制文本域输入字符个数,即使显示输入字符数和剩余字符数,超出不显示!

    文本域:

    1 <td class="tddata">
    2                         &nbsp;<textarea rows="4" id="txtContent" maxlength="200" onkeyup="fun()"  name="txtContent" cols="160" style=" margin-top:5px; margin-bottom:5px; background-color:White;"></textarea>          <br />
    3                     &nbsp;已输入&nbsp;&nbsp;<input type="text" id="txtNum"  style="40px; margin-right:5px;" value="0" readonly="readonly"/>字符,剩余&nbsp;&nbsp;<input type="text" id="txtOverplus" style="40px; margin-right:5px;" value="200" readonly="readonly"/>字符 &nbsp;           <input type="button" name="Clear" id="Clear" onclick="ClaerContent()" style=" 50px;" value="清空内容" />
    4                 </td>
    View Code

    与之对应的函数:

     1 function fun() {
     2             var txt = $("#txtContent").val();
     3             if (txt.length > 200) {
     4                 $("#txtContent").val(txt.substring(0,200));
     5             }
     6             var cha = eval("200" + "-" + txt.length);
     7             $("#txtNum").val(txt.length>200?200:txt.length);
     8             $("#txtOverplus").val(cha<0?0:cha);
     9         }
    10 
    11 function ClaerContent() {
    12             try {
    13                 $("#txtContent").val("");
    14                 $("#txtNum").val("0");
    15                 $("#txtOverplus").val("200");
    16             //$("#txtCreateTime").val(new Date().Format("yyyy-MM-dd hh:mm:ss"));  
    17             } catch (e) {
    18 /*  Error具有下面一些主要属性:
    19                     description: 错误描述 (仅IE可用).  
    20                     fileName: 出错的文件名 (仅Mozilla可用).  
    21                     lineNumber: 出错的行数 (仅Mozilla可用).  
    22                     message: 错误信息 (在IE下同description)  
    23                     name: 错误类型.  
    24                     number: 错误代码 (仅IE可用).  
    25                     stack: 像Java中的Stack Trace一样的错误堆栈信息 (仅Mozilla可用).  */
    26                 if (browserType != BROWSER_IE) {
    27                     alert("name: " + e.name +
    28                       "message: " + e.message +
    29                       "lineNumber: " + e.lineNumber +
    30                       "fileName: " + e.fileName +
    31                       "stack: " + e.stack);
    32                 }
    33                 else {
    34                     alert("name: " + e.name +
    35                       "errorNumber: " + (e.number & 0xFFFF) +
    36                       "message: " + e.message);
    37                 } 
    38             }
    39         }
    View Code
    收藏
    关注
    评论
  • 相关阅读:
    【转载】产品经理如何行之有效的提高执行力
    【转载】20个2013年最值得关注的网页设计趋势
    【转载】HTTP协议详解
    工作一年的心得与体会
    【转载】什么是SVG
    【ul开发攻略】HTML5/CSS3菜单代码 阴影+发光+圆角
    【转载】前台页面优化全攻略-系列博文
    flink的checkpoint
    HBase概述
    牛客题霸--跳台阶题解
  • 原文地址:https://www.cnblogs.com/yidengbone/p/6604823.html
Copyright © 2011-2022 走看看