javascript实现文本域写入字符时限定字数

 更新时间:2014年02月12日 15:22:55   作者:  
这篇文章主要介绍了javascript实现文本域的写入字符个数限定字数,需要的朋友可以参考下
复制代码 代码如下:

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
<textarea id="text"cols="20" rows="5" onkeyup="sum ()" onfocus="focu()"></textarea>
<span id="span"></span>
</body>
<script>
function sum(){
var str =document.getElementById("text");
var cont=str.value;
var len=cont.length;
document.getElementById("span").innerHTML="您当前输入了"+len+"个字符";
if(len>=100){alert("您不能再写入了,已经达到最大限度!");
document.getElementById("text").value=cont.substr(0,99);
//实现100字最大限度 ,如果超过了,不在写入数据!
}
}
</script>
</html>

相关文章

  • js下载文件并修改文件名

    js下载文件并修改文件名

    这篇文章主要为大家详细介绍了js下载文件并修改文件名的代码,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-05-05
  • js字符串倒序的实例代码

    js字符串倒序的实例代码

    这篇文章主要介绍了js字符串倒序的实例代码,代码分为3部分,给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2018-11-11
  • JavaScript实现二级菜单的制作

    JavaScript实现二级菜单的制作

    这篇文章主要为大家详细介绍了JavaScript实现二级菜单的制作,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-10-10
  • JavaScript中如何校验接口是否重复提交

    JavaScript中如何校验接口是否重复提交

    这篇文章主要为大家详细介绍了在JavaScript中如何校验接口是否重复提交,文中的示例代码讲解详细,有需要的小伙伴可以跟随小编一起学习一下
    2024-03-03
  • canvas绘制刮刮卡效果

    canvas绘制刮刮卡效果

    这篇文章主要为大家详细介绍了canvas绘制刮刮卡效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-03-03
  • 最短的IE判断代码

    最短的IE判断代码

    以前最短的IE判定借助于IE不支持垂直制表符的特性搞出来的。
    2011-03-03
  • 原生JavaScript实现五子棋游戏

    原生JavaScript实现五子棋游戏

    这篇文章主要为大家详细介绍了原生JavaScript实现五子棋游戏,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-11-11
  • js限制输入框只能输入数字(onkeyup触发)

    js限制输入框只能输入数字(onkeyup触发)

    这篇文章主要介绍了通过js实现input输入框只能输入数字的实现方法,主要是通过正则表达式替换实现,需要的朋友可以参考下
    2018-09-09
  • 浅谈webpack下的AOP式无侵入注入

    浅谈webpack下的AOP式无侵入注入

    下面小编就为大家带来一篇浅谈webpack下的AOP式无侵入注入。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-11-11
  • DataTables添加额外的查询参数和删除columns等无用参数实例

    DataTables添加额外的查询参数和删除columns等无用参数实例

    下面小编就为大家带来一篇DataTables添加额外的查询参数和删除columns等无用参数实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-07-07

最新评论