• 限制文本域输入字符个数,即使显示输入字符数和剩余字符数,超出不显示!


    文本域:

    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
    收藏
    关注
    评论
  • 相关阅读:
    git的使用
    本体建模
    word2vec改进之Negative Sampling
    word2vec改进之Hierarchical Softmax
    word2vec原理
    Window下mysql的安装
    PageRank算法
    集成学习-------简单介绍
    自我介绍
    Apollo学习笔记(二):循迹实现过程
  • 原文地址:https://www.cnblogs.com/yidengbone/p/6604823.html
Copyright © 2020-2023  润新知