javascript實(shí)現(xiàn)文本域?qū)懭胱址麜r(shí)限定字?jǐn)?shù)
更新時(shí)間:2014年02月12日 15:22:55 作者:
這篇文章主要介紹了javascript實(shí)現(xiàn)文本域的寫入字符個(gè)數(shù)限定字?jǐn)?shù),需要的朋友可以參考下
復(fù)制代碼 代碼如下:
<!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>無標(biāo)題文檔</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="您當(dāng)前輸入了"+len+"個(gè)字符";
if(len>=100){alert("您不能再寫入了,已經(jīng)達(dá)到最大限度!");
document.getElementById("text").value=cont.substr(0,99);
//實(shí)現(xiàn)100字最大限度 ,如果超過了,不在寫入數(shù)據(jù)!
}
}
</script>
</html>
您可能感興趣的文章:
- 用js設(shè)置下拉框?yàn)橹蛔x的小技巧
- js控制input框只讀實(shí)現(xiàn)示例
- js 禁用只讀文本框獲得焦點(diǎn)時(shí)的退格鍵
- JavaScript實(shí)現(xiàn)點(diǎn)擊單選按鈕改變輸入框中文本域內(nèi)容的方法
- JS清空多文本框、文本域示例代碼
- JS替換文本域內(nèi)的回車示例
- 利用javascript實(shí)現(xiàn)禁用網(wǎng)頁上所有文本框,下拉菜單,多行文本域
- JS限制Textarea文本域字符個(gè)數(shù)的具體實(shí)現(xiàn)
- 計(jì)算文本域剩佘長度的js代碼
- JavaScript 文本域字體大小選擇功能
- JS控制文本域只讀或可寫屬性的方法
相關(guān)文章
JavaScript實(shí)現(xiàn)二級菜單的制作
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)二級菜單的制作,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-10-10
JavaScript中如何校驗(yàn)接口是否重復(fù)提交
這篇文章主要為大家詳細(xì)介紹了在JavaScript中如何校驗(yàn)接口是否重復(fù)提交,文中的示例代碼講解詳細(xì),有需要的小伙伴可以跟隨小編一起學(xué)習(xí)一下2024-03-03
原生JavaScript實(shí)現(xiàn)五子棋游戲
這篇文章主要為大家詳細(xì)介紹了原生JavaScript實(shí)現(xiàn)五子棋游戲,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-11-11
js限制輸入框只能輸入數(shù)字(onkeyup觸發(fā))
這篇文章主要介紹了通過js實(shí)現(xiàn)input輸入框只能輸入數(shù)字的實(shí)現(xiàn)方法,主要是通過正則表達(dá)式替換實(shí)現(xiàn),需要的朋友可以參考下2018-09-09
DataTables添加額外的查詢參數(shù)和刪除columns等無用參數(shù)實(shí)例
下面小編就為大家?guī)硪黄狣ataTables添加額外的查詢參數(shù)和刪除columns等無用參數(shù)實(shí)例。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-07-07

