本文介紹了使用Javascript計算并顯示文本框中的字符數的處理方法，對大家解決問題具有一定的參考價值，需要的朋友們下面隨著小編來一起學習吧！
問題描述
我正在從事一個項目，該項目需要我計算在文本框中輸入的字符數，并在頁面的其他位置動態顯示結果.
I am working on a project that requires me to count the number of characters entered in a text box and dynamically display the result elsewhere on the page.
正如我所說，這最好用 jQuery 或 Javascript 來完成.
As I said, this would preferably be done in jQuery or Javascript.
提前致謝.
推薦答案
我想分享我在項目中使用的答案，它運行良好.
I would like to share my answer which i used in my project and it is working fine.
<asp:TextBox ID="txtComments" runat="server" TextMode="MultiLine" Rows="4" Columns="50" placeholder="Maximum limit: 100 characters"></asp:TextBox><br />
<span id="spnCharLeft"></span>
<script type='text/javascript'>
$('#spnCharLeft').css('display', 'none');
var maxLimit = 100;
$(document).ready(function () {
$('#<%= txtComments.ClientID %>').keyup(function () {
var lengthCount = this.value.length;
if (lengthCount > maxLimit) {
this.value = this.value.substring(0, maxLimit);
var charactersLeft = maxLimit - lengthCount + 1;
}
else {
var charactersLeft = maxLimit - lengthCount;
}
$('#spnCharLeft').css('display', 'block');
$('#spnCharLeft').text(charactersLeft + ' Characters left');
});
});
</script>
來源:網址
這篇關于使用Javascript計算并顯示文本框中的字符數的文章就介紹到這了，希望我們推薦的答案對大家有所幫助，也希望大家多多支持html5模板網！
【網站聲明】本站部分內容來源于互聯網,旨在幫助大家更快的解決問題，如果有圖片或者內容侵犯了您的權益，請聯系我們刪除處理，感謝您的支持！