pythontr.com
Text area alanının karakter sınırı koymak için özelliklerine maxlenght = "İstediğimiz sınır" ı ekleyebiliriz.
Ve ekranda kaç karakter kaldığı göstermek için web tarafına aşağıdaki kod satırı eklenir.
<!-- kaç karakter kaldığını gösteren alan--> <input readonly type="text" style="width:50px;" value="İstediğimiz sınır" id="idKarakter" /> <!-- text area alanı -- > <textarea id="idTextArea" maxlength="1000" name="idTextArea" rows="10" >
javascript kodu aşağıdaki şekildedir.
<script type="text/javascript"> $(function txtChangedFozet() { displayInputLngth("#idTextArea"); $("#idTextArea").keyup(function () { displayInputLngth("#idTextArea"); }); }); function displayInputLngth(input) { var len = $(input).val().length; $(input).next().text(1000 - len); } </script>
Web arayüzünde çağırma kısmı aşağıdaki şekildedir.
<textarea id="idTextArea" onchange="displayInputLngth(this, document.getElementById('idKarakter'))" onkeyup="displayInputLngth(this, document.getElementById('idKarakter'))" maxlength="1000" name="edProjeOzet" rows="10" required>
Yorumlar