纯JS控制textarea的maxLength

简介: 不用JQUERY,光是纯JS做的一个控制文本框字数的小功能,代码是用ASP.NET的文本框控件了,自己在chrome,firefox,ie6,8上测试通过了,innerText竟然不能用于firefox。

    不用JQUERY,光是纯JS做的一个控制文本框字数的小功能,代码是用ASP.NET的文本框控件了,自己在chrome,firefox,ie6,8上测试通过了,innerText竟然不能用于firefox。。。郁闷。。。至于网上说的什么粘贴问题之类的那就不管了,那些就留到后台再截取处理就行了。

<% @ Page Language = " C# "  AutoEventWireup = " true "  CodeFile = " text_area.aspx.cs "  Inherits = " text_area "   %>

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
< html  xmlns ="http://www.w3.org/1999/xhtml" >
< head  runat ="server" >
    
< title > 纯JS限制文本框字数 </ title >
    
< script  type ="text/javascript" >
        window.onload 
=   function () {
            document.getElementById(
" txtContent " ).onkeyup  =   function () {
                
var  len  =   this .value.length;
                
var  tmp  =   10   -  len;
                
if  (tmp  <=   0 ) {
                    
this .value  =   this .value.substring( 0 10 );
                    document.getElementById(
" mes " ).innerHTML  =   " 您还可以输入 0 个字符 " ;
                } 
else  {
                    document.getElementById(
" mes " ).innerHTML  =   " 您还可以输入  "   +  tmp  +   "  个字符 " ;
                }
            }
        }
    
</ script >

</ head >
< body >
    
< form  id ="form1"  runat ="server" >
    
< asp:TextBox  ID ="txtContent"  TextMode ="MultiLine"  runat ="server"  Height ="190px"  Width ="439px" ></ asp:TextBox >
    
< div  id ="mes" >
        您还可以输入 10 个字符
    
</ div >
    
</ form >
</ body >
</ html >

 

 

目录
相关文章
|
21天前
|
JavaScript 前端开发
JavaScript中的原型 保姆级文章一文搞懂
本文详细解析了JavaScript中的原型概念,从构造函数、原型对象、`__proto__`属性、`constructor`属性到原型链,层层递进地解释了JavaScript如何通过原型实现继承机制。适合初学者深入理解JS面向对象编程的核心原理。
21 1
JavaScript中的原型 保姆级文章一文搞懂
|
5月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
101 2
|
17天前
JS+CSS3文章内容背景黑白切换源码
JS+CSS3文章内容背景黑白切换源码是一款基于JS+CSS3制作的简单网页文章文字内容背景颜色黑白切换效果。
15 0
|
5月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的小区物流配送系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的小区物流配送系统附带文章源码部署视频讲解等
141 4
|
5月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的宠物援助平台附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的宠物援助平台附带文章源码部署视频讲解等
85 4
|
5月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的宠物交易平台附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的宠物交易平台附带文章源码部署视频讲解等
76 4
|
5月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的大学生入伍人员管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的大学生入伍人员管理系统附带文章源码部署视频讲解等
97 4
|
5月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp宿舍管理系统的附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp宿舍管理系统的附带文章源码部署视频讲解等
86 3
|
5月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的家政平台附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的家政平台附带文章源码部署视频讲解等
66 3