手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >javascript实现文本域写入字符时限定字数
javascript实现文本域写入字符时限定字数
摘要:复制代码代码如下:无标题文档functionsum(){varstr=document.getElementById("text");var...

复制代码 代码如下:

<!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>

【javascript实现文本域写入字符时限定字数】相关文章:

JavaScript实现带标题的图片轮播特效

javascript瀑布流布局实现方法详解

JavaScript通过Date-Mask将日期转换成字符串的方法

js实现文本框选中的方法

javascript实现点击商品列表checkbox实时统计金额的方法

Javascript实现div的toggle效果实例分析

JavaScript实现添加、查找、删除元素

javascript获取文档坐标和视口坐标

javascript实现可拖动变色并关闭层窗口实例

JavaScript实现Iterator模式实例分析

精品推荐
分类导航