{"id":2186,"date":"2012-09-28T10:51:23","date_gmt":"2012-09-28T14:51:23","guid":{"rendered":"http:\/\/www.iowawebnet.com\/ein\/?p=2186"},"modified":"2012-09-28T10:55:24","modified_gmt":"2012-09-28T14:55:24","slug":"count-number-of-characters-in-textbox","status":"publish","type":"post","link":"https:\/\/www.iowawebnet.com\/ein\/2012\/09\/count-number-of-characters-in-textbox\/","title":{"rendered":"Count number of characters in textbox"},"content":{"rendered":"<pre>\r\nMarkup Page\r\n<code>\r\n&lt;strong>Required Info:&lt;\/strong>&nbsp;\r\n&lt;asp:Label ID=\"TotCharReqInfo\" runat=\"server\" >&lt;\/asp:Label>&nbsp;&nbsp;\r\n\r\n&lt;strong>Body Length:&lt;\/strong>&nbsp;\r\n&lt;span id=\"BodyLength\">0\r\n\r\n&lt;strong>Total Length:&lt;\/strong>&nbsp;&lt;span id=\"TotLength\">&nbsp;\r\n&lt;asp:Label ID=\"TotLengthLbl\" runat=\"server\" >&lt;\/asp:Label>\r\n\r\n&lt;strong>Left:&lt;\/strong>&nbsp;&lt;span id=\"CharLeft\">\r\n&lt;asp:Label ID=\"ChLeft\" runat=\"server\" >&lt;\/asp:Label>\r\n\r\n\r\n&lt;asp:TextBox id=\"txtInputOnln\" runat=\"server\" \r\n    TextMode=\"MultiLine\" Width=\"300px\" Height=\"90px\" \r\n    MaxLength=\"350\" onKeyUp=\"Count(this,350)\" \r\n    onChange=\"Count(this,350)\"\/>\r\n<\/code>\r\n<a style=\"display:none;\" id=\"te2116995711\" href=\"javascript:expand('#te2116995711')\">Click to read more...<\/a>\n<div class=\"te_div\" id=\"te2116995711\"><script language=\"JavaScript\" type=\"text\/javascript\">expander_hide('#te2116995711');<\/script>\r\n<code>\r\n&lt;script type=\"text\/javascript\">\r\n   var ChLeftVar = \"&lt;%=CharLeftInt %>\";\r\n   var ChLeftOut\r\n   var ChLefVar2\r\n   function count(clientId) {\r\n     var txtInputOnln = document.getElementById(clientId);\r\n     var CharLeft = document.getElementById('CharLeft');\r\n     var BodyLength = document.getElementById('BodyLength');\r\n     var TotLength = document.getElementById('TotLength');\r\n                        \r\n     BodyLength.innerHTML = txtInputOnln.value.length;\r\n     ChLeftOut = 350 - ChLeftVar\r\n     ChLeftVar2 = (350 - ChLeftOut) + txtInputOnln.value.length;\r\n     TotLength.innerHTML = ChLeftVar2;\r\n     CharLeft.innerHTML = ChLeftOut - txtInputOnln.value.length;\r\n     }\r\n\/\/limit user input (350 this case)\r\n    function Count(text, long) {\r\n      var maxlength = new Number(ChLeftOut); \/\/ Change number to your max length.\r\n         if (text.value.length > maxlength) {\r\n         text.value = text.value.substring(0, maxlength);\r\n         \/\/ alert(\" Only \" + long + \" chars\");\/\/\r\n         alert(\" Only 350 characters \");\r\n         }\r\n       }\r\n&lt;\/script>\r\n<\/code>\r\n\r\nCode Behind\r\n<code>\r\nProtected CharLeftStr As String\r\nProtected CharLeftInt As Integer\r\n\r\nDim count As Integer = 0\r\nDim ReqInfoTot As String = TxtBx1.Text + TxtBx2.Text + TxtBx3\r\n\r\nFor Each c As Char In ReqInfoTot\r\n    If Char.IsLetter(c) Or Char.IsNumber(c) Then\r\n        count += 1\r\n     End If\r\nNext\r\n\r\nTotCharReqInfo.Text = count.ToString() - 2\r\nTotLengthLbl.Text = count.ToString() - 2\r\n'(2) is number of \"+\" inside the ReqInfoTot string\r\ntxtInputOnln.Attributes(\"onkeydown\") = \r\n            = String.Format(\"count('{0}')\", txtInputOnln.ClientID)\r\n       \r\nChLeft.Text = 350 - TotCharReqInfo.Text.ToString()\r\nCharLeftStr = TotCharReqInfo.Text.ToString()\r\nCharLeftInt = Convert.ToInt32(CharLeftStr)\r\n<\/code>\r\n<\/div>\r\n<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Markup Page &lt;strong>Required Info:&lt;\/strong>&nbsp; &lt;asp:Label ID=&#8221;TotCharReqInfo&#8221; runat=&#8221;server&#8221; >&lt;\/asp:Label>&nbsp;&nbsp; &lt;strong>Body Length:&lt;\/strong>&nbsp; &lt;span id=&#8221;BodyLength&#8221;>0 &lt;strong>Total Length:&lt;\/strong>&nbsp;&lt;span id=&#8221;TotLength&#8221;>&nbsp; &lt;asp:Label ID=&#8221;TotLengthLbl&#8221; runat=&#8221;server&#8221; >&lt;\/asp:Label> &lt;strong>Left:&lt;\/strong>&nbsp;&lt;span id=&#8221;CharLeft&#8221;> &lt;asp:Label ID=&#8221;ChLeft&#8221; runat=&#8221;server&#8221; >&lt;\/asp:Label> &lt;asp:TextBox id=&#8221;txtInputOnln&#8221; runat=&#8221;server&#8221; TextMode=&#8221;MultiLine&#8221; Width=&#8221;300px&#8221; Height=&#8221;90px&#8221; MaxLength=&#8221;350&#8243; onKeyUp=&#8221;Count(this,350)&#8221; onChange=&#8221;Count(this,350)&#8221;\/> Click to read more&#8230; &lt;script type=&#8221;text\/javascript&#8221;> var ChLeftVar = &#8220;&lt;%=CharLeftInt %>&#8221;; var ChLeftOut var ChLefVar2 function count(clientId) { var txtInputOnln = [&hellip;]<\/p>\n","protected":false},"author":35,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[85,16,43,56,84],"tags":[19,112,40,27,113,114,111],"class_list":["post-2186","post","type-post","status-publish","format-standard","hentry","category-net-4-0","category-net","category-javascript-2","category-validation-controls","category-vs2010","tag-asp-net","tag-characters","tag-count","tag-form-validation","tag-max","tag-number","tag-textbox"],"_links":{"self":[{"href":"https:\/\/www.iowawebnet.com\/ein\/wp-json\/wp\/v2\/posts\/2186"}],"collection":[{"href":"https:\/\/www.iowawebnet.com\/ein\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.iowawebnet.com\/ein\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.iowawebnet.com\/ein\/wp-json\/wp\/v2\/users\/35"}],"replies":[{"embeddable":true,"href":"https:\/\/www.iowawebnet.com\/ein\/wp-json\/wp\/v2\/comments?post=2186"}],"version-history":[{"count":10,"href":"https:\/\/www.iowawebnet.com\/ein\/wp-json\/wp\/v2\/posts\/2186\/revisions"}],"predecessor-version":[{"id":2195,"href":"https:\/\/www.iowawebnet.com\/ein\/wp-json\/wp\/v2\/posts\/2186\/revisions\/2195"}],"wp:attachment":[{"href":"https:\/\/www.iowawebnet.com\/ein\/wp-json\/wp\/v2\/media?parent=2186"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.iowawebnet.com\/ein\/wp-json\/wp\/v2\/categories?post=2186"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.iowawebnet.com\/ein\/wp-json\/wp\/v2\/tags?post=2186"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}