.NET+JS對(duì)用戶(hù)輸入內(nèi)容進(jìn)行字?jǐn)?shù)提示功能的實(shí)例代碼
第一步:以下是核心代碼,在頁(yè)面引用或進(jìn)行封裝都可。
<script language="javascript" type="text/javascript">
function textLimitCheck(thisArea, maxLength, SpanId)
{
if (thisArea.value.length > maxLength)
{
thisArea.value = thisArea.value.substring(0, maxLength);
thisArea.focus();
}
/*回寫(xiě)span的值,當(dāng)前填寫(xiě)文字*/
var varss='(剩余字?jǐn)?shù):'+(maxLength-thisArea.value.length)+')';
document.getElementById(SpanId).innerHTML =varss;
}
</script>
第二步:文本框應(yīng)用此函數(shù)
<asp:TextBox ID="txtOwner_Name" runat="server" Width="250px" MaxLength="50" onkeyup="textLimitCheck(this,50,'spOwner_Name')" BackColor="Info"></asp:TextBox>
<span id="spOwner_Name" style="color: gray"><em>(50字以?xún)?nèi))</em></span>
- JavaScript動(dòng)態(tài)提示輸入框輸入字?jǐn)?shù)的方法
- 關(guān)于JavaScript限制字?jǐn)?shù)的輸入框的那些事
- JavaScript輸入框字?jǐn)?shù)實(shí)時(shí)統(tǒng)計(jì)更新
- JavaScript中統(tǒng)計(jì)Textarea字?jǐn)?shù)并提示還能輸入的字符
- Javascript實(shí)現(xiàn)真實(shí)字符串剩余字?jǐn)?shù)提示的實(shí)例代碼
- 利用Angularjs和原生JS分別實(shí)現(xiàn)動(dòng)態(tài)效果的輸入框
- Angularjs中的驗(yàn)證input輸入框只能輸入數(shù)字和小數(shù)點(diǎn)的寫(xiě)法(推薦)
- AngularJS實(shí)現(xiàn)的輸入框字?jǐn)?shù)限制提醒功能示例
相關(guān)文章
瀏覽器窗口滾動(dòng)加載數(shù)據(jù)采用異步形式從后臺(tái)加載數(shù)據(jù)
在滾動(dòng)條距頂部距離(頁(yè)面超出窗口的高度)時(shí)采用異步形式從后臺(tái)加載數(shù)據(jù),下面是具體的實(shí)現(xiàn),希望對(duì)大家有所幫助2014-01-01asp.net中“從客戶(hù)端中檢測(cè)到有潛在危險(xiǎn)的Request.Form值”錯(cuò)誤的解決辦法
這篇文章主要介紹了asp.net中“從客戶(hù)端中檢測(cè)到有潛在危險(xiǎn)的Request.Form值”錯(cuò)誤的解決辦法,需要的朋友可以參考下2015-11-11ASP.NET中XML轉(zhuǎn)JSON的方法實(shí)例
這篇文章主要介紹了ASP.NET中XML轉(zhuǎn)JSON的方法,實(shí)例講述了XML轉(zhuǎn)json的原理與實(shí)現(xiàn)過(guò)程,具有一定的實(shí)用價(jià)值,需要的朋友可以參考下2014-10-10asp.NET開(kāi)發(fā)中正則表達(dá)式中BUG分析
又發(fā)現(xiàn)了一個(gè) .net的bug!最近在使用正則表達(dá)式的時(shí)候發(fā)現(xiàn):在忽略大小寫(xiě)的時(shí)候,匹配值從 0xff 到 0xffff 之間的所有字符,正則表達(dá)式竟然也能匹配兩個(gè) ASCII 字符:i(code: 0x69) 和 I(code: 0x49);但是仍然不能匹配其他的 ASCII 字母和數(shù)字。2008-10-10repeater做刪除前彈窗詢(xún)問(wèn)實(shí)例
這篇文章介紹了repeater做刪除前彈窗詢(xún)問(wèn)實(shí)例,有需要的朋友可以參考一下2013-10-10Entity Framework使用Code First模式管理存儲(chǔ)過(guò)程
本文詳細(xì)講解了Entity Framework使用Code First模式管理存儲(chǔ)過(guò)程的方法,文中通過(guò)示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2022-03-03ASP.NET Core MVC過(guò)濾器運(yùn)行流程解析
這篇文章主要為大家介紹了ASP.NET Core MVC過(guò)濾器運(yùn)行流程解析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-11-11JS實(shí)現(xiàn)完美include加載功能代碼
在寫(xiě)這個(gè)之前在網(wǎng)上搜索了些資料,發(fā)現(xiàn)以前寫(xiě)的include都存在2個(gè)問(wèn)題,這也是include需要解決的比較重要的2個(gè)問(wèn)題。2010-10-10